多個jquery-ui滑塊

我在使用多個滑塊時遇到了一些問題。多個jquery-ui滑塊

在HTML我有類似：

<div id="slider1"></div> 
<div id="slider2"></div>

而且在JavaScript：

$("#slider1").slider({ 
    slide: function(event, ui) { alert("slider 1 slided"); } 
}); 

$("#slider2").slider({ 
    slide: function(event, ui) { alert("slider 2 slided"); } 
});

兩個滑塊出現，但移動slider1它時顯示警報「滑塊滑動2」。如果我添加更多滑塊的行爲是相同的，則所有滑塊將爲最後註冊的滑塊調用事件。

我錯過了什麼，或者這是jquery-ui中的錯誤嗎？

這是jQuery的1.4.2使用jQuery UI的1.8.6

來源

2010-11-23 aromero

我想你需要發佈更多的代碼，因爲AFAIK這不是一個jqueryui錯誤，你在這裏粘貼的東西看起來是正確的。你可以在http://jsfiddle.net/上提供一些複製問題的代碼嗎？ – Jon 2010-11-23 20:46:02

這裏是你貼向外擴張成一個完整的工作示例，並且一切正常。您需要發佈更多代碼才能在任何人能夠幫助您之前完全複製問題。

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.6/jquery-ui.min.js"></script> 

<link href="http://ajax.microsoft.com/ajax/jquery.ui/1.8.6/themes/dark-hive/jquery-ui.css" type="text/css" rel="stylesheet"/> 

<div id="slider1"></div> 

<br/> 

<div id="slider2"></div> 

<script> 
    $(function(){ 

     $("#slider1").slider({ 
      slide: function(event, ui) { alert("slider 1 slided"); } 
     }); 

     $("#slider2").slider({ 
      slide: function(event, ui) { alert("slider 2 slided"); } 
     }); 

    }); 
</script>

來源

2011-01-04 07:06:50

多個jquery-ui滑塊

回答

相關問題