Question

我将http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/中的jQuery滑块代码改编为我的网站，该网站基于Twitter的Bootstrap v2.0。

问题是来自webdeveloperplus.com的滑块使用旧版本的jQuery和jQueryUI（分别为1.3.2和1.5.3）。如果我导入两个指定版本的jQuery / UI，滑块工作正常，但Twitter的Bootstrap JavaScript组件似乎不适用于那些版本。如果我使用最新版本的jQuery / UI，滑块将无效。

在webdeveloperplus.com页面上，作者说要更改以下代码行，以便与jQueryUI的“最新”版本一起使用

$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);

为：

$("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);

但它仍然无效。该文章可能是2008年或2009年的最新更新。

我的猜测是上面的代码行使用了当前版本的jQuery / UI中不赞成和删除/更改的内容，但我检查了jQuery UI的API，在我看来并非如此。如果有人能帮助我找出这里的节目塞子，我将非常感激。感谢。

Answer 1

您可以使用jQuery的noConflict()函数来包含两个不同版本的jQuery。

<script type="text/javascript" src="older_version_of_jquery"></script>
<script type="text/javascript">
    //Do slider work
    //...

    $.noConflict();
</script>

<script type="text/javascript" src="newer_version_of_jquery"></script>

文档：http://api.jquery.com/jQuery.noConflict/

由于jQuery / UI版本不同，jQuery滑块没有“滑动”

1 个答案: