Jquery ui 如何删除Jquery中的冲突?
我是JQuery新手,在我的页面中使用了2个JQuery 对于第一个JQuery,我的脚本如下所示:Jquery ui 如何删除Jquery中的冲突?,jquery-ui,jquery,jquery-plugins,jquery-selectors,Jquery Ui,Jquery,Jquery Plugins,Jquery Selectors,我是JQuery新手,在我的页面中使用了2个JQuery 对于第一个JQuery,我的脚本如下所示: <script> var jq = $.noConflict(); jq(function() { jq( "#my_tabs" ).tabs({ event: "click" //click }); }); </script> var jq=$.noConflict
<script>
var jq = $.noConflict();
jq(function() {
jq( "#my_tabs" ).tabs({
event: "click" //click
});
});
</script>
var jq=$.noConflict();
jq(函数(){
jq(“我的标签”).tabs({
事件:“单击”//click
});
});
现在,当我使用像这样的第二个jQuery时,我丢失了第一个jQuery。它无法加载
<script type="text/javascript">
$(document).ready(function () {
$("#waterwheel-carousel-default").waterwheelCarousel();
$("#waterwheel-carousel-higharch").waterwheelCarousel({
startingWaveSeparation: -90,
waveSeparationFactor: .7,
centerOffset: 10,
startingItemSeparation: 120,
itemSeparationFactor: .9,
itemDecreaseFactor: .75
});
$("#waterwheel-carousel-horizon").waterwheelCarousel({
startingWaveSeparation: 0,
centerOffset: 30,
startingItemSeparation: 150,
itemSeparationFactor: .7,
itemDecreaseFactor: .75,
opacityDecreaseFactor: 1,
autoPlay: 1500
});
$("#waterwheel-carousel-flat").waterwheelCarousel({
itemSeparationFactor: 1,
itemDecreaseFactor: 1,
waveSeparationFactor: 1,
startingWaveSeparation: 0,
startingItemSeparation: 280,
centerOffset: 10,
opacityDecreaseFactor: .3,
autoPlay: 3000,
edgeReaction: 'reverse'
});
$("#waterwheel-carousel-vertical").waterwheelCarousel({
orientation: 'vertical',
startingItemSeparation: 100,
startingWaveSeparation: 40,
autoPlay: 2000
});
});
</script>
$(文档).ready(函数(){
$(“#水车转盘默认值”).WaterheelCarousel();
$(“#水车转盘高拱”)。水车转盘({
启动波间隔:-90,
波分离系数:.7,
中心偏移:10,
启动项目间隔:120,
itemSeparationFactor:.9,
项目递减系数:.75
});
$(“水车转盘地平线”)。水车转盘({
开始波间隔:0,
中心偏移:30,
启动项目间隔:150,
itemSeparationFactor:.7,
项目递减系数:.75,
不透明度折减系数:1,
自动播放:1500
});
$(“水车转盘公寓”)。水车转盘({
项目分离系数:1,
项目递减系数:1,
波分离系数:1,
开始波间隔:0,
启动项目间隔:280,
中心偏移:10,
不透明度减少因子:.3,
自动播放:3000,
边缘动作:“反向”
});
$(“垂直水车转盘”)。水车转盘({
方向:'垂直',
启动项目间隔:100,
起始波间隔:40,
自动播放:2000
});
});
我使用这两种jQuery进行图像滑动。。谁能告诉我是什么问题吗?谢谢这是您应该执行的第二个jQuery脚本 如果你这样做
<script src="http://code.jquery.com/jquery-1.7.js"></script>
<script>
var jq = $.noConflict();
jq(function() {
jq( "#my_tabs" ).tabs({
event: "click" //click
});
});
</script>
<script src="http://code.jquery.com/jquery-1.4.js"></script>
$
将引用jQuery 1.7,但是jQuery
将指向jQuery 1.4(您的jq
变量也是如此)
您可能需要查看$。noConflict(true)
;它同时释放jQuery
和$
变量;所以你可以这样做
<script src="http://code.jquery.com/jquery-1.7.js"></script>
<script src="http://code.jquery.com/jquery-1.4.js"></script>
<script>
var jq = $.noConflict(true);
jq(function() {
jq( "#my_tabs" ).tabs({
event: "click" //click
});
});
</script>
var jq=$.noConflict(真);
jq(函数(){
jq(“我的标签”).tabs({
事件:“单击”//click
});
});
然后
$
和jQuery
都将指向jQuery 1.7,只有jq
变量将指向jQuery 1.4这是您应该执行的第二个jQuery脚本
如果你这样做
<script src="http://code.jquery.com/jquery-1.7.js"></script>
<script>
var jq = $.noConflict();
jq(function() {
jq( "#my_tabs" ).tabs({
event: "click" //click
});
});
</script>
<script src="http://code.jquery.com/jquery-1.4.js"></script>
$
将引用jQuery 1.7,但是jQuery
将指向jQuery 1.4(您的jq
变量也是如此)
您可能需要查看$。noConflict(true)
;它同时释放jQuery
和$
变量;所以你可以这样做
<script src="http://code.jquery.com/jquery-1.7.js"></script>
<script src="http://code.jquery.com/jquery-1.4.js"></script>
<script>
var jq = $.noConflict(true);
jq(function() {
jq( "#my_tabs" ).tabs({
event: "click" //click
});
});
</script>
var jq=$.noConflict(真);
jq(函数(){
jq(“我的标签”).tabs({
事件:“单击”//单击
});
});
然后$
和jQuery
都将指向jQuery 1.7,只有jq
变量将指向jQuery 1.4