jQuery UI的变化函数名slider1

我使用jQuery UI的范围滑块 http://jqueryui.com/slider/#range jQuery UI的变化函数名slider1

$(function() { 
    $("#slider-range").slider({ 
     range: true, 
     min: 0, 
     max: 1000, 
     values: [ 75, 300 ], 
     slide: function(event, ui) { 
     $("#amount").val("" + ui.values[ 0 ] + " - " + ui.values[ 1 ]); 
     } 
    }); 
    $("#amount").val("" + $("#slider-range").slider("values", 0) + 
     " - " + $("#slider-range").slider("values", 1)); 
    });

，如果我用这个鳕鱼EON我的测试页，然后它工作正常

，但是当我要去在Magento使用这个有错误，因为我使用也anothe滑块现在我想在jquery-ui.js更改名称为slider1，所以我可以利用这个滑块作为

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

    });

所以在这里我必须做出改变

来源

2013-03-25 M.I.T.

您可以使用多个滑块在同一页上！尝试验证以前的滑块是否有相同的ID ..不能有多个具有相同ID的元素！ – 2013-03-25 13:34:25

你为什么要将名称改为'slider1'？ – 2013-03-25 13:35:40

我也使用另一个ranhe滑块它有相同的名称，所以有错误 – 2013-03-25 13:52:41

您可以创建jQuery对象中的原型一个新的属性后，包括jQuery UI的和之前包括介绍冲突slider()方法模块：

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

但是，请注意，这只会重命名附加到原型的桥接方法。该小部件仍将被命名为$.ui.slider。

来源

2013-03-25 13:55:38

如果一些其他有同样的问题，我不得不到下一行jQuery UI的经过和jQuery移动

$.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>

来源

2013-11-18 05:17:39

jQuery UI的变化函数名slider1

回答

相关问题