jquery - 多个 jquery-ui slider

Question

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

在 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"); }
});

两个 slider 都会出现，但是当移动 slider1 时，它会显示警报“ slider 2 已滑动”。如果我添加更多 slider ，行为是相同的，所有 slider 都会调用最后注册的 slider 的事件。

我是否遗漏了什么，或者这是 jquery-ui 中的错误？

这是 jquery 1.4.2 和 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>