Question

我使用jquery ui slider并且一切正常，只有当我将鼠标放在句柄上时，function i才会在更改parameter fired中定义。有没有办法在slider？

之外释放鼠标时调用该函数

感谢您的帮助。

Answer 1

$("#slider").slider({
    start: function(event, ui) {
        // do something on mousedown on slider
    },
    stop: function(event, ui) {
        // do something on mouseup anywhere
    }
});

Answer 2

我觉得你这样用过...... 更改事件的性质是，当您向上鼠标时，它将显示滑块事件的更改...

$( ".selector" ).slider({
   **change**: function(event, ui) { ... }
});

现在你可以使用这种类型的幻灯片事件......所以每次你移动滑块都会显示效果并调用此功能。

$( ".selector" ).slider({
   **slide**: function(event, ui) { ... }
});

Dhaval mistry ...（UI developer）

Answer 3

这里似乎有问题，更改事件基于滑块位置移动，因此如果您可以看到在鼠标停止时拖动引脚，则无论鼠标何处结束，事件仍然会触发

这是您使用的标准jquery滑块吗？如果是这样，请在官方演示页面上尝试相同的测试：

jQuery UI demo page

您将看到，无论您的鼠标位于何处，只要您在最初点击图钉后继续按住鼠标按钮，更改事件仍会触发。

Answer 4

我也面临同样的问题。对我来说，它发生在滑块是子div的一部分时，屏幕的其余部分由父div覆盖。请考虑以下情况：

当鼠标指针位于滑块栏上时按鼠标按钮
拖动它一会儿，将鼠标指针从子div中移出。
现在鼠标指针位于父div上。
释放鼠标按钮。
观察滑块仍然突出显示。
不按按钮，将鼠标指针移回子div。
观察滑块中的移动。

Answer 5

是的我正在使用默认的jquery滑块。 Brian请看看

http://api.jqueryui.com/slider/#entry-examples

在带有示例滑块的页面底部，您将看到我正在谈论的相同问题。

Answer 6

此问题与http://bugs.jqueryui.com/ticket/8912

有关

我尝试了以下黑客攻击并且有效：

使用jQuery hover函数在包含滑块的元素上附加鼠标移出处理程序。如果在滑动期间发生mouseout，则将鼠标触发到滑块手柄元素。

Answer 7

您可以使用更改。它将作为回调。基于http://api.jqueryui.com/slider/ 你可以：

$('.selector').slider(function() {
    change: function( event, ui ) {}
});

jquery ui slider：在mouseup外面调用函数

7 个答案: