Javascript 基本jquery滑块类型错误：$不是Wordpress上的函数

我得到了这个错误：“TypeError:$不是一个函数$（'#slider'）。list（{”

window.$=jQuery；
$（文档）.ready（函数（）{
$（“#滑块”）。列表({
“动画”：“幻灯片”，
“宽度”：700，
‘高度’：300
});
});

标题中的数据：

        <div id="slider"><ul class="list">
        <li><img src="<?php bloginfo( 'template_url' );?>/img/beach.jpg"></li>
        <li><img src="<?php bloginfo( 'template_url' );?>/img/hp-computers.jpg"></li>
        </ul>
        </div>

/img/beach.jpg“>
/img/hp computers.jpg“>

有两种变体：

您尚未加载jQuery库

由于

prototype.js

或其他原因，

$

函数无法使用它，请尝试使用

jQuery

函数而不是

$

---

默认情况下，WP将jQuery置于模式：（）

注意：WordPress附带的jQuery库加载到中。这是为了防止与其他应用程序的兼容性问题 WordPress可以加载的javascript库

可在控制台上轻松测试：

因此，如果您不使用任何其他可能与jQuery的

$

冲突的库，您可以将jQuery重新命名为

$

：

window.$ = jQuery;

将这一行放在jQuery库之后的第一个脚本的最开始处，它就可以正常工作了

此外，您可以将所有

$

引用替换为

jQuery

，或者使用不同的别名，以防与prototype或其他库发生冲突

编辑：事实上也有东西覆盖了您的全局

$

。您可以将代码包装到IIFE中，以创建一个可以安全使用

$

别名的范围：

(function($) {
    $(document).ready(function() {

        $('#slider').list({
            'animation': 'slide',
            'width': 700,
            'height': 300
        });

    });
})(jQuery);​

---

用“jQuery”编写替换第一个“$”并将“$”传递给函数很可能会使错误消失

          `jQuery(document).ready(function($) {

            $('#slider').list({
              'animation' : 'slide',
              'width' : 700,
              'height' : 300
            });

          });`

如果你看一下wordpress抄本，它们提供了正在发生的事情的解决方案。

---

您还没有加载jquery库许多CMS也将jquery置于模式，如果是这样的话，您可以在脚本开头用

$=jquery；

重新分配它。我个人只想

wp\u注销脚本（'jquery'）

或注释其

wp_enqueue_脚本

行，并手动将脚本键入源代码。通过在DOM ready中放置警报来检查jQuery是否正确加载event@zerkmsjQuery加载到第240行：我感谢所有的帮助，但还没有运气。此代码从第240行开始：

$=jQuery；$（文档）。准备好了吗（function（）{$（“#banner”）.list（{'animation'：'slide'，'width'：700，'height'：300}）；

尝试使用

窗口。$=jQuery；

=]
是的，现在错误略有不同-$不是
$（“#banner”）中的函数。list({
，意味着它正在进入DOM就绪处理程序中..我想知道什么可以覆盖它。有趣的是，越来越近了。刚刚将#banner更新为#slider的正确div ID，但也有相同的错误。@user1420650再次更新。
=]
如果最后一个代码不起作用，我想手动将jQuery脚本包含为
d是最佳选择。jquery已加载到第241行：而第245行应处理jquery冲突：
窗口。$=jquery；
          `jQuery(document).ready(function($) {

            $('#slider').list({
              'animation' : 'slide',
              'width' : 700,
              'height' : 300
            });

          });`