多个jquery-ui滑块

2023年1月9日 252次阅读

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

在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

最佳答案 以下是您发布的内容,扩展为完整的工作示例,一切正常.在任何人能够帮助您之前,您需要发布更多完全重复问题的代码.

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