由于 jQuery/UI 版本不同，jQuery 滑块不会“滑动”答案

【问题标题】：jQuery slider not "sliding" because of differing jQuery/UI versions由于 jQuery/UI 版本不同，jQuery 滑块不会“滑动”
【发布时间】：2012-03-23 03:02:20
【问题描述】：

我将 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，在我看来情况并非如此。如果有人能帮我找出这里的表演终结者，我将不胜感激。谢谢。

【问题讨论】：

为什么不用最新的 jQuery UI Slider : jqueryui.com/demos/slider ?
这些是一些非常旧版本的库。
@ShivanRaptor：对不起，我应该说清楚它更像是一个轮播而不是 jQuery UI 的滑块。

标签： javascript jquery jquery-ui slider twitter-bootstrap

【解决方案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/

【讨论】：

$.noConflict() 成功了。谢谢！我必须为滑块代码创建一个不同的 jQuery 别名。非常感谢您的帮助！