Javascript $(function() 不适用于 WordPress

Question

好的，我正在尝试在我的 wordpress 网站的 header.php 文件中添加以下 jquery：

<script type="text/javascript">
    $(function() {

        $( '#co-slider' ).circleslider()


        });     
    </script>

这是直接从我下载的 html 源文件中复制的，我花了过去 3 个小时试图得出这个问题的结论，但是当谈到 wordpress 时，我是个新手。到目前为止，我所能收集到的只是这可能是因为没有冲突模式。我尝试在这里阅读没有冲突http://api.jquery.com/jQuery.noConflict/ 以及我认为与另一个问题相关的以下说明，这是jquery not working in wordpress 的链接。另外我认为这不是问题，但这就是我引用我的 javascript 的方式。

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/staff_new/js/jquery.circleslider.js"></script><script type="text/javascript" src="<?php bloginfo('template_url'); ?>/staff_new/js/jquery.circleslider.js"></script>

我说我不认为这是问题，因为这也是我在其他事情上也有它的方式，而且它们工作得很好，但我也可能对我在说什么一无所知。我还在这里阅读了http://codex.wordpress.org/Function_Reference/wp_enqueue_script 以供参考，我应该使用 wp enqueue。但我也读到我目前拥有它的方式工作得很好。任何帮助将不胜感激，因为我真的很想让这个网站工作。

干杯

Answer 1

这是因为默认情况下，wordpress 会将 jQuery 加载到 jQuery 命名空间，而不是 $。所以你可以将$改为jQuery，或者，做我通常做的事，在你的jQuery代码之前引用jQuery：

var $ = jQuery;

Answer 2

你可以让一切正常工作

    jQuery(function($) {
    $( '#co-slider' ).circleslider()
    }); 

在 WordPress 中，$() 语法总是被其他脚本库使用， 并导致冲突问题，无法调用 jQuery 函数。 你应该使用 jQuery() 代替......

或者，您可以使用noConflict() ...