正在尝试删除重复的jQuery脚本

时间:2011-09-03 作者:Chuck

我添加了这个

<?php wp_enqueue_script("jquery"); ?>
之前

<?php wp_head(); ?>
这样我就可以使用wordpress自带的jquery脚本,并删除我一直在加载的额外jquery脚本,但当我去检查Chrome中的元素时,我得到了

提交表单。js:1Uncought ReferenceError$未定义

jquery。colorbox-min.js:4Uncaught ReferenceError:jquery未定义

我猜我需要修改submitform。js和jquery。colorbox-min.js,我只是不确定该怎么办,如果这对网站有帮助的话,交易不动产。com公司

谢谢

1 个回复
最合适的回答,由SO网友:OpenOne 整理而成

从WordPress includes加载jquery时,需要使用jQuery 而不是美元符号$, 因为后者是为其他图书馆保留的。

jQuery( document ).ready(function( $ ) {
    // Submitform and colorbox init, both will work here.
});
但也要确保尽可能避免使用脚本标记,但要在函数中使用wp\\u enqueue\\u script。php(全部在<?php ?> )

function add_our_theme_scripts() {
   $theme_url = get_bloginfo(\'template_url\') . \'/js/\';
   // Add the wordpress version of jQuery. 
   wp_enqueue_script( \'jquery\' );
   wp_enqueue_script( \'jquery-submit-form\', $theme_url . \'submit-form.js\';
   // similarly for colorbox if it is added through the theme.
} // END function add_our_theme_scripts()

// It should be hooked to init or wp_print_scripts and not wp_head.
add_action( \'init\', \'add_our_theme_scripts\' );
现在,如果您希望使其更加简单和易于管理,请将前面的代码放在一个单独的文件中,并将其添加到上述函数中。

jQuery冲突也可以尝试jQuery no conflict mode 如下所示。

  // example var myJQ. 
  myJQ = jQuery.noConflict();

  myJQ( document ).ready(function( $ ) {
      // scripts here.
  });
但要小心,进入noConflict模式后,$符号将不可用,所以请确保始终使用myJQ(这里的示例)。

结束

相关推荐

带有回调以获取数据的jQuery选项卡插件

我想使用tabs 使用插件和加载选项卡内容ajax. 问题是:插件需要一个实体.php 要在中指定的文件href e、 g。<li><a href=\"ajax/content3-slow.php\">Tab 3 (slow)</a></li> 你知道这对WordPress不起作用。在这里回拨会有用的。是否有这样的fork或其他插件?