jQuery UI слайдер для остановки распространения события

Question

Я использую jQuery UISlider в div, который можно перетаскивать. При нажатии на слайдер событие распространяется, а 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()