jquery ui滑块:在鼠标上调用函数

jquery ui滑块:在鼠标上调用函数,jquery,jquery-ui,user-interface,slider,Jquery,Jquery Ui,User Interface,Slider,我使用and all(和),但只有当我将鼠标放在手柄上时,才触发在change参数中定义的函数。当鼠标在滑块外释放时,是否有方法调用该函数 感谢您的帮助。这里似乎有问题,更改事件基于滑块位置的移动,因此,如果您可以看到鼠标按下时正在拖动销,则无论鼠标在何处结束,事件都应继续触发 这是您正在使用的标准jquery滑块吗?如果是,请在官方演示页面上尝试相同的测试: 您将看到,无论您的鼠标位于何处,只要您在最初单击pin后继续按住鼠标按钮,更改事件仍然会触发。我想您已经使用过这样的。。。。 更改事件

我使用and all(和),但只有当我将鼠标放在手柄上时,才触发在change
参数中定义的
函数。当鼠标在
滑块外释放时,是否有方法调用该函数


感谢您的帮助。

这里似乎有问题,更改事件基于滑块位置的移动,因此,如果您可以看到鼠标按下时正在拖动销,则无论鼠标在何处结束,事件都应继续触发

这是您正在使用的标准jquery滑块吗?如果是,请在官方演示页面上尝试相同的测试:


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

我想您已经使用过这样的。。。。 更改事件的本质是,当您向上移动鼠标时,它将在滑块事件中显示更改

$( ".selector" ).slider({
   **change**: function(event, ui) { ... }
});
现在您可以使用这种类型的幻灯片事件……所以每次移动滑块时,它都会显示效果并调用此函数

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

Dhaval mistry…(
UI开发者)

我也面临同样的问题。对我来说,当滑块是子div的一部分和屏幕的其余部分由父div覆盖时发生。考虑下面的场景:

  • 当鼠标指针位于滑块上时,按下鼠标按钮

  • 将其拖动一段时间,并将鼠标指针从child div中取出

  • 现在,鼠标指针位于父div上

  • 释放鼠标按钮

  • “观察”滑块仍高亮显示

  • 不按按钮,将鼠标指针移回子div

  • 观察滑块中的移动


  • 是的,我使用默认的jquery滑块。 布莱恩,请看


    在使用示例滑块的页面底部,您将看到与我所讨论的相同的问题。

    此问题与

    我尝试了以下方法,效果很好:


    使用jQuery悬停函数在包含滑块的元素上附加鼠标移出处理程序。如果滑鼠在滑动过程中出现,则触发滑鼠到滑块手柄元素

    您可以使用change。它将用作回调。
    $("#slider").slider({
        start: function(event, ui) {
            // do something on mousedown on slider
        },
        stop: function(event, ui) {
            // do something on mouseup anywhere
        }
    });
    
    基于 你可以:

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