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

我错过了什么或者这是jquery-ui中的错误吗？

这是jquery 1.4.2 with jquery-ui 1.8.6

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>

多个jquery-ui滑块

1 个答案: