jquery ui将函数名称从slider更改为slider1

jquery ui将函数名称从slider更改为slider1,jquery,jquery-ui,slider,uislider,Jquery,Jquery Ui,Slider,Uislider,我正在使用jQueryUI范围滑块 如果我在我的测试页面上使用这个代码,那么它可以正常工作 但是当我要在magento中使用它时,有一个错误,因为我也在使用滑块 现在我想将jqueryui.js中的名称更改为slider1,这样我就可以将这个滑块用作 $(function() { $( "#slider-range" ).slider1({ // ui code }); }); 因此,在我必须进行更改的地方您可以在包含jQuery UI

我正在使用jQueryUI范围滑块

如果我在我的测试页面上使用这个代码,那么它可以正常工作

但是当我要在magento中使用它时,有一个错误,因为我也在使用滑块 现在我想将
jqueryui.js
中的名称更改为
slider1
,这样我就可以将这个滑块用作

  $(function() {
    $( "#slider-range" ).slider1({
               // ui code
    });

  });

因此,在我必须进行更改的地方

您可以在包含jQuery UI之后,在包含引入冲突的
slider()
方法的模块之前,在jQuery对象的原型中创建一个新属性:

$.fn.slider1 = $.fn.slider;

但是,请注意,这只会重命名附加到原型的桥接方法。小部件仍将在引擎盖下命名为
$.ui.slider

在包含jQuery ui之后,在包含引入冲突的
slider()方法的模块之前,您可以在jQuery对象的原型中创建一个新属性:

$.fn.slider1 = $.fn.slider;

但是,请注意,这只会重命名附加到原型的桥接方法。小部件仍将在引擎盖下命名为
$.ui.slider

如果其他小部件有相同的问题,我必须在jquery ui之后和jquery mobile之前添加下一行

$.fn.uislider = $.fn.slider;
代码示例将是:

<script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script>  
    // rename to avoid conflict with jquery mobile
    $.fn.uislider = $.fn.slider;
  </script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 
<script>
  $(function() {
    $( "#slider" ).uislider();
  });
  </script>

//重命名以避免与jquery mobile冲突
$.fn.uislider=$.fn.slider;
$(函数(){
$(“#滑块”).uislider();
});

如果其他人也有同样的问题,我必须在jquery ui之后和jquery mobile之前添加下一行

$.fn.uislider = $.fn.slider;
代码示例将是:

<script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script>  
    // rename to avoid conflict with jquery mobile
    $.fn.uislider = $.fn.slider;
  </script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> 
<script>
  $(function() {
    $( "#slider" ).uislider();
  });
  </script>

//重命名以避免与jquery mobile冲突
$.fn.uislider=$.fn.slider;
$(函数(){
$(“#滑块”).uislider();
});

您可以在同一页面上使用多个滑块!尝试验证以前的滑块是否有相同的ID。。不能有多个具有相同ID的元素!为什么要将名称更改为
slider1
?我还在使用另一个ranhe slider,它具有相同的名称,因此Error@MateiMihai是的,我知道我已经检查过了。你可以在同一页上使用多个滑块!尝试验证以前的滑块是否有相同的ID。。不能有多个具有相同ID的元素!为什么要将名称更改为
slider1
?我还在使用另一个ranhe slider,它具有相同的名称,因此Error@MateiMihai是的,我知道我查过了