Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Wordpress中运行jquery脚本_Javascript_Jquery_Wordpress - Fatal编程技术网

Javascript 在Wordpress中运行jquery脚本

Javascript 在Wordpress中运行jquery脚本,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我正在尝试使用与WordPress类似的脚本,但它不起作用,我知道这与WordPress引导/查看jQuery的方式有关。如何在WordPress中编写此文件?我只是把盒子换成图像 var fadeinBox=$box2; var fadeoutBox=$box1; 功能衰退{ fadeinBox.stoptrue,true.fadeIn2000; fadeoutBox.stoptrue,true.fadeOut2000,函数{ var temp=fadeinBox; fadeinBox=fa

我正在尝试使用与WordPress类似的脚本,但它不起作用,我知道这与WordPress引导/查看jQuery的方式有关。如何在WordPress中编写此文件?我只是把盒子换成图像

var fadeinBox=$box2; var fadeoutBox=$box1; 功能衰退{ fadeinBox.stoptrue,true.fadeIn2000; fadeoutBox.stoptrue,true.fadeOut2000,函数{ var temp=fadeinBox; fadeinBox=fadeoutBox; 淡出盒=温度; setTimeoutfade,1000; }; } 褪色 .盒子{ 位置:绝对位置; 高度:100px; 宽度:100px; } 包装器{位置:相对;} 框1{背景色:F00;} 框2{背景色:00F;显示:无;}
在Wordpress中,您必须创建一个js文件,并将此js文件放入主题的functions.php中,如下所示:

function theme_scripts() {
    wp_enqueue_script('jsfile', get_template_directory_uri()."/js/yourjs.js", '', '', true);
}
add_action( 'wp_enqueue_scripts', 'theme_scripts' );

请将新创建的js文件放在主题目录的js文件夹中。

如Atif tariq所说,您需要使用wp_enqueue_script函数在WordPress中包含jQuery脚本

或者,您可以下载一个名为AddscripttoPostbyArefly的插件,并激活它。通过将jQuery代码放在[script][/script]和[script][/script]之间,您可以直接在page或post中执行脚本

注意:您还需要在执行代码之前加载jQuery API,最好在[script]…[/script]之前和之外。使用此行加载它

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

不要在jQuery中使用$try。试过了,不起作用了。你在WordPress中的哪些地方包含了这个脚本?在网站的页脚中,试一下上面的jQuery代码和你的所有其他代码,如html、css…希望它能帮到你…然后你把这个代码放在b/w中,然后再试一次。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>