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() ...

Javascript $（function（）不适用于WordPress

2 个答案: