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

我将基于Twitter的Bootstrap v2.0的jQuery滑块代码从http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/改编到我的网站中。由于jQuery/UI版本不同，jQuery滑块不“滑动”

问题是，来自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 /用户界面更改，但我检查了jQuery UI的API和它在我看来事实并非如此。如果有人能够帮助我找出这里的表演塞子，我将非常感激。谢谢。

来源

2012-03-23 superbarney

为什么不使用最新的jQuery UI的滑块：http://jqueryui.com/demos/slider/？ – Raptor 2012-03-23 03:05:08

这些是一些非常**旧版本的库。 – Pointy 2012-03-23 03:05:42

@ShivanRaptor：对不起，我应该清楚它比jQuery UI的滑块更像是一个传送带。 – superbarney 2012-03-23 03:12:17

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

来源

2012-03-23 03:25:16

'$ .noConflict（）'做了诀窍。谢谢！我不得不为滑块代码创建一个不同的jQuery别名。非常感谢您的帮助！ – superbarney 2012-03-23 06:45:14

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

回答

相关问题