Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery滑块不是";滑动;因为jQuery/UI版本不同_Javascript_Jquery_Jquery Ui_Slider_Twitter Bootstrap - Fatal编程技术网

Javascript jQuery滑块不是";滑动;因为jQuery/UI版本不同

Javascript jQuery滑块不是";滑动;因为jQuery/UI版本不同,javascript,jquery,jquery-ui,slider,twitter-bootstrap,Javascript,Jquery,Jquery Ui,Slider,Twitter Bootstrap,我将来自的jQuery滑块代码改编成我的网站,该网站基于Twitter的Bootstrap v2.0 问题是webdeveloperplus.com的滑块使用的是较旧版本的jQuery和jQueryUI(分别为1.3.2和1.5.3)。若我导入两个指定版本的jQuery/UI,滑块就可以正常工作,但Twitter的引导JavaScript组件似乎不能和这些版本一起工作。如果我使用最新版本的jQuery/UI,滑块将无法工作 在webdeveloperplus.com页面上,作者说要将下面的代码行

我将来自的jQuery滑块代码改编成我的网站,该网站基于Twitter的Bootstrap v2.0

问题是webdeveloperplus.com的滑块使用的是较旧版本的jQuery和jQueryUI(分别为1.3.2和1.5.3)。若我导入两个指定版本的jQuery/UI,滑块就可以正常工作,但Twitter的引导JavaScript组件似乎不能和这些版本一起工作。如果我使用最新版本的jQuery/UI,滑块将无法工作

在webdeveloperplus.com页面上,作者说要将下面的代码行更改为使用“最新”版本的jQueryUI

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

但还是不行。这篇文章最后一次更新可能是在2008年或2009年


我的猜测是,上面的代码行在当前版本的jQuery/UI中使用了一些被弃用和删除/更改的东西,但我检查了jQuery UI的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>

//做滑块工作
//...
$.noConflict();

文档:

为什么不使用最新的jQuery UI滑块:?这些是库的一些非常旧的版本。@ShivanRaptor:对不起,我应该说清楚,它更像是一个旋转木马,而不是jQuery UI的滑块。
$.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>