$(“.scrollable”).scrollable 不是函数

发布于 2024-10-21 10:14:02 字数 864 浏览 7 评论 0原文

当我尝试使用可滚动时,出现错误: $(".scrollable").scrollable 不是一个函数

<html>
<head>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
</head>
<body>
<script>
$(function() {
  // initialize scrollable with mousewheel support
  $(".scrollable").scrollable({ vertical: true, mousewheel: true });
});
</script>
</body>
</html>

任何人都可以看到导致此问题的原因吗?

[编辑]

在 Mark Hildreth 指出我使用的库已经捆绑了 jQuery 之后,我删除了我的 Google jQuery CDN 参考(上面未显示),然后我得到了“$ 不是函数”错误。

当时我知道 jQuery 与 flowplay 发生冲突,所以我更新了我的页面以使用

jQuery.noConflict();
jQuery(document).ready(function()){
   // jQuery('#foo) .... etc
});

这有点烦人,因为我必须更改现有页面中的脚本以使用 jQuery 而不是 $。

无论如何我可以继续使用 $ ,还是我必须使用 jQuery ?

I am getting the error : $(".scrollable").scrollable is not a function when I attempt to use the scrollable

<html>
<head>
<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
</head>
<body>
<script>
$(function() {
  // initialize scrollable with mousewheel support
  $(".scrollable").scrollable({ vertical: true, mousewheel: true });
});
</script>
</body>
</html>

Can anyone see what is causing this?

[Edit]

After Mark Hildreth pointed out that the library I was using already bundles jQuery, I removed my Google jQuery CDN reference (not shown above), and then I got the '$ is not a function' error.

I knew then that jQuery was clashing with flowplay, so I updated my pages to use

jQuery.noConflict();
jQuery(document).ready(function()){
   // jQuery('#foo) .... etc
});

This is mildly annoying, as I have to change the script in my existing pages to use jQuery instead of $.

Is there anyway I can continue to use $, or do I HAVE to use jQuery ?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

梦毁影碎の 2024-10-28 10:14:02
// you don't have to use jQuery(document).ready(function()){});
// or noConflict

$ = null; // doean't matter here what happens to $

// just wrap your jQuery code passing in jQuery...
(function ($) {
    //write jQuery here...
    $(".scrollable").scrollable({
        vertical: true,
        mousewheel: true
    });
})(jQuery);
// you don't have to use jQuery(document).ready(function()){});
// or noConflict

$ = null; // doean't matter here what happens to $

// just wrap your jQuery code passing in jQuery...
(function ($) {
    //write jQuery here...
    $(".scrollable").scrollable({
        vertical: true,
        mousewheel: true
    });
})(jQuery);
爺獨霸怡葒院 2024-10-28 10:14:02

如果您包含 http://ajax.googleapis.com /ajax/libs/jquery/1.4.2/jquery.min.js 在你的代码中,你需要编写 jQuery.noConflict();

If you are including http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js in your code then you need to write jQuery.noConflict();

七婞 2024-10-28 10:14:02

看看你的代码,我认为你缺少 jQuery 库。您可以从 google cdn 包含它。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

来源:
http: //encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-for-you/

Looking at your code, I think that you are missing the jQuery library. You can include it from google cdn.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

source:
http://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-for-you/

玩世 2024-10-28 10:14:02

使用

    var $j=jQuery.noConflict();

由于 javascript 也使用 $ 符号,因此会产生冲突。然后就可以编写如下代码

    $j(document).ready(function()){
    // jQuery('#foo) .... etc
    });

Use

    var $j=jQuery.noConflict();

Since javascript also uses $ symbol, conflicts arise. Then you can write the code as follows

    $j(document).ready(function()){
    // jQuery('#foo) .... etc
    });
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文