多个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滑块

回答

相关问题