在wordpress中运行jquery还需要什么?
我一直在尝试让jquery在我正在构建的wordpress主题中运行。如果我对非worpress站点使用传统方法,我可以让它工作:在wordpress中运行jquery还需要什么?,jquery,wordpress,Jquery,Wordpress,我一直在尝试让jquery在我正在构建的wordpress主题中运行。如果我对非worpress站点使用传统方法,我可以让它工作: <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 我试着从Google直接从jquery加载它,并引用我在网站上的一个文件中的jquery副本。这些工作中没有任何一项。我应该提到的是,我正在使用本地主机上的xa
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
我试着从Google直接从jquery加载它,并引用我在网站上的一个文件中的jquery副本。这些工作中没有任何一项。我应该提到的是,我正在使用本地主机上的xampp完成所有这些工作,如果这有什么不同的话。我错过了什么
更新:
以下是我正在运行的代码片段/其他脚本:
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts/isotope.js"></script>
<script type="text/javascript">
JQuery(document).ready(function($) {
var $container = $('#content');
$container.isotope({
filter: '*',
animationOptions: {
duration: 750,
easing: 'linear',
queue: false,
}
});
JQuery('#nav a').click(function($) {
var selector = $(this).attr('data-filter');
$container.isotope({
filter: selector,
animationOptions: {
duration: 750,
easing: 'linear',
queue: false,
}
});
return false;
});
});
</script>
您想使用wp\u enqueue\u脚本
钩子添加脚本。您不需要检查admin,因为还有另一个用于admin脚本的钩子admin\u enqueue\u scripts
function jqry_init() {
// comment out the next two lines to load the local copy of jQuery
wp_deregister_script('jquery');
wp_register_script('jquery', 'http://code.jquery.com/jquery-latest.min.js', false);
wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'jqry_init');
如果jQuery代码段仍然无法工作,则可能是由于noconflict包装器造成的
例如,如果以下操作不起作用,而您得到的是$is not defined error
:
$( document ).ready( function() {
//do stuff here
});
你需要把它改成
jQuery( document ).ready( function( $ ) {
//do stuff here with the $ shorthand
});
更新
在header.php中
在关闭
标记之前,请确保
wp\u head()
非常重要,因为这是运行添加到wp\u enqueue\u脚本中的函数的地方。如果没有它,它们将无法运行。我尝试过的其他一些问题和解决方案:当你说不起作用时,脚本是否没有添加到页面中?你有javascript错误吗?您是否有正在尝试运行的jquery片段?如果是这样,请发布您的代码片段和任何错误。对不起,我应该更具体一些。Jquery根本没有加载。它没有添加到页面中。在控制台中:Uncaught ReferenceError:JQuery未定义Uncaught ReferenceError:$未定义此主题的搜索,不建议取消注册包含WP的JQuery,如果取消注册,必须采取一些预防措施。@DigitalBrent您是否也更改了将脚本添加到其中的挂钩?应该是wp\u enqueue\u脚本
而不是init
。添加了一个关于拥有wp\u head()
的更新是的,我注意到了。我在functions.php中切换了它。我是否需要对文档的标题做任何特殊的更改?注意:站点的整个头部包含在my header.php文件中。我需要在那里做些改变吗?嘿,杰罗德,我真的很感激你能帮助我。我已经做了您建议的所有更改,但仍然出现相同的错误,JQuery似乎根本没有加载。在这里,我附上了我目前从functions.php和header.php header-functions中获得的内容,谢谢你。我最终加载了JQuery,尽管代码段仍然不起作用。这是一个令人头痛的问题,但感谢您的帮助。
需要在JavaScript之前完成。该函数输出排队的脚本,但您正在尝试在加载jQuery之前使用它-
jQuery( document ).ready( function( $ ) {
//do stuff here with the $ shorthand
});