Question

我收到错误：$（“。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引用（上面没有显示），然后我得到了'$ is not a function'错误。

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

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

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

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

Answer 1

// 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);

Answer 2

查看您的代码，我认为您缺少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/

Answer 3

使用

    var $j=jQuery.noConflict();

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

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

Answer 4

如果要在代码中包含http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js，则需要编写jQuery.noConflict（）;

$（“。scrollable”）。scrollable不是一个函数

4 个答案: