多个 jquery-ui 滑块答案

【问题标题】：Multiple jquery-ui sliders多个 jquery-ui 滑块
【发布时间】：2010-11-23 15:23:25
【问题描述】：

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

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

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

是我遗漏了什么还是 jquery-ui 中的错误？

这是带有 jquery-ui 1.8.6 的 jquery 1.4.2

【问题讨论】：

我认为您需要发布更多代码，因为 AFAIK 这不是 jqueryui 错误，您在此处粘贴的内容看起来是正确的。你能在jsfiddle.net 上提供一些复制问题的代码吗？
是的，你是对的，这是我这边的问题。我在 jsfiddle 中测试了代码并对其进行了一些清理工作。对不起，谢谢。

标签： jquery jquery-ui

【解决方案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>

【讨论】：