0

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

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

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


        });     
    </script>

这是直接从我下载的 html 源文件中复制的,我花了过去 3 个小时试图得出这个问题的结论,但是当谈到 wordpress 时,我是个新手。到目前为止,我所能收集到的只是这可能是因为没有冲突模式。我尝试在这里阅读没有冲突http://api.jquery.com/jQuery.noConflict/以及我认为与另一个问题相关的以下说明,这是该jquery 在 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。但我也读到我目前拥有它的方式工作得很好。任何帮助将不胜感激,因为我真的很想让这个网站工作。

干杯

4

2 回答 2

1

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

var $ = jQuery;

于 2013-02-27T04:32:16.107 回答
1

你可以让一切都像

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

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

或者,您可以使用noConflict()……</p>

于 2013-02-27T04:33:53.520 回答