用于停止事件传播的 jQuery UI 滑块答案

【问题标题】：jQuery UI slider to stop event propagation用于停止事件传播的 jQuery UI 滑块
【发布时间】：2012-06-16 13:04:06
【问题描述】：

我在一个可拖动的 div 中使用 jQuery UI Slider。单击滑块时，事件传播并且 div 开始拖动！有没有办法阻止鼠标按下事件的传播？

使用 return false 对我不起作用。

$('#slider-' + boxId).slider(
    {
        step: 0.2,
        min: 0.2,
        max: 2,
        value: [1],
        stop: function( event, ui )
        {
            var value = 0.2;
            value = ui.value;
            $('#' + boxId + ' .timeText').text(value + ' secs');
            $('#' + boxId).attr('data-time' , value);
            _timeLineUtility.reCalculateAll();
            return false;
        },
        slide: function (event, ui)
        {
            return false;
        },
        start: function(event, ui) { return false; }
    });

【问题讨论】：

标签： javascript jquery jquery-ui

【解决方案1】：

event.stopPropagation()

http://api.jquery.com/event.stopPropagation/

这是一个可能的重复 - Stopping propagation of mousedown/mouseup from a click handler

【讨论】：

如果 return false 不起作用，那会怎样？ return false 应该和调用两者是一样的
哦，我明白了.. return false 对委托没有任何影响，但 event.stopPropagation() 设置属性以停止它。

【解决方案2】：

试试这个

event.stopPropagation()

【讨论】：