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

Question

我在可拖动的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; }
    });

Answer 1

event.stopPropagation()

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

以下是可能重复的内容 - Stopping propagation of mousedown/mouseup from a click handler

Answer 2

尝试使用此

event.stopPropagation()