jQuery滑块不“;滑动”;因为jQuery/UI版本不同

jQuery slider not "sliding" because of differing jQuery/UI versions

本文关键字：jQuery 版本 UI 因为 滑动      更新时间：2023-09-26

我从http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/进入我的网站，该网站基于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中不推荐和删除/更改的内容，但我检查了jQueryUI的API，在我看来情况并非如此。如果有人能帮我找出这里的亮点，我将不胜感激。谢谢

您可以使用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/

相关文章：