多个jquery-ui滑块

Question

我在同时使用多个滑块时遇到一些问题。

在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时，它会显示警报"slider 2 slided“。如果我添加更多的滑块，行为是相同的，所有滑块都会调用最后一个注册滑块的事件。

我是否遗漏了什么，或者这是jquery-ui中的一个bug？

这是带有jquery-ui 1.8.6的jquery 1.4.2

Answer 1

下面是您发布的扩展为完整工作示例的内容，一切都正常工作。在任何人能够帮助您之前，您需要发布更多完全复制该问题的代码。

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