我最初在stackoverflow中发布了这个,但我认为在这里发布更好,因为我使用的是wordpress和wordpress函数。我正在尝试添加jquery循环插件(http://jquery.malsup.com/cycle/) 到我的wordpress站点,所以我将其放入我的函数中。然后在/body标记前添加了一个脚本。加载页面时,控制台中会出现错误:UncaughtTypeError:$(…)。循环不是一个函数。当我打开源文件时,循环插件脚本也不在那里。我不确定我做错了什么。
为了分解我所做的工作,我下载了jquery。周期全部的js文件,并将其放在TestChild/assets/scripts/jquery目录下的my child主题中(我们称之为TestChild)。周期全部的js。然后,我在函数中声明了wp\\u enqueue\\u脚本函数。php。然后,我在我的/body标记之前添加了脚本。我将非常感谢您的帮助,因为这让我沮丧了好几个小时。
这是我的代码:
function theme_add_cycle_slide (){
wp_enqueue_script(\'jquery\');
wp_enqueue_script(\'cycleall\', get_stylesheet_directory_uri() . \'/assets/scripts/jquery.cycle.all.js\', array (\'jquery\'), null, true);
}
add_action (\'wp_enqueue_script\', \'theme_add_cycle_slide\' );
<div id="slideshow">
<div style="width:250px; height:150px; background:red;"></div>
<div style="width:250px; height:150px; background:blue;"></div>
<div style="width:250px; height:150px; background:green;"></div>
<div style="width:250px; height:150px; background:yellow;"></div>
<div id="prev" style="float:left;">PREV</div>
<div id="next" style="float:right;">NEXT</div>
</div>
<script language="javascript">
jQuery(document).ready(function($) {
$(\'#slideshow\').cycle({
fx: \'fade\',
pause: 1
});
});
</script>