wordpress和javascript插件兼容性

Question

我编写了一个使用javascript的插件，例如这行：

$( "input:radio[name=base]:checked" ).val();

当我在页面上放置短代码并单击按钮以显示警报时，获得的值不起作用但是如果我添加javascript脚本（cdn）如果它工作但是生成的Worpress菜单页面停止工作，我认为我的插件使用模板中的javascript。有什么问题？

Answer 1

你在谈论jQuery，而不是纯粹的JavaScript。

检查jQuery( "input:radio[name=base]:checked" ).val();是否有效，将所有$符号替换为jQuery进行调试。

WordPress有一个no-conflict mode enabled by default。您可以在下面包装jQuery以使用$简写：

jQuery(document).ready(function($) {
  // Inside of this function, $() will work as an alias for jQuery()
  // and other libraries also using $ will not be accessible under this shortcut
});

听起来你应该在你JavaScript basics时加注它。

Answer 2

很好地使用它：

(function($) { 
  $(function() {

/*------------------------------------------------*/    
/* code here */
/*------------------------------------------------*/    

  });
})(jQuery);

现在工作正常。