javascript - 由于 jQuery/UI 版本不同，jQuery slider 不是 "sliding"

Question

我改编了来自 http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/ 的 jQuery slider 代码进入我基于 Twitter 的 Bootstrap v2.0 的网站。

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

在 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/