使用返回false在條件停止後恢復JQuery UI Slider

Question

這是調用的滑塊元素。我試圖阻止它是成功的條件，但之後，它卡住了。我試圖添加else{ return true; }，但如預期的那樣，它不運行其餘的。如果我在末尾移動if else塊，則代碼運行，然後調整火災，這不是我所希望的。

$(".hdrHt").slider({ 
    orientation: "horizontal", 
    range: "min", 
    max: 22, 
    min: 8, 
    value: 15, 
    create: function(){ $(this).find('.headHandle').text($(this).slider("value")+'%'); }, 
    slide: function(e,ui){ 
     var hfs=currentVid.find('.ovlDivs').css('font-size').replace('px',''),hht=currentVid.find('.headerDiv').css('height').replace('px',''); 
     if((parseInt(hfs)+10)>parseInt(hht)){ return false; } 
     currentVid.find('.middleDiv').css('height',(100-parseInt(currentVid.find('.ftrHt').slider("value"))-ui.value)+'%'); 
     currentVid.find('.headerDiv').css('height',ui.value+'%'); $(this).find('.headHandle').text(ui.value+'%'); 
     } 
}); 

Answer 1

好吧，我放棄得太快很容易。但還是如果你有一個清晰的解決方案，請繼續。

var stopPt=8; 
$(".hdrHt").slider({ 
    orientation: "horizontal", 
    range: "min", 
    max: 22, 
    min: 8, 
    value: 15, 
    create: function(){ $(this).find('.headHandle').text($(this).slider("value")+'%'); }, 
    slide: function(e,ui){ 
     if(ui.value>stopPt){ 
      currentVid.find('.middleDiv').css('height',(100-parseInt(currentVid.find('.ftrHt').slider("value"))-ui.value)+'%'); 
      currentVid.find('.headerDiv').css('height',ui.value+'%'); $(this).find('.headHandle').text(ui.value+'%'); 
     } 
     var hfs=currentVid.find('.ovlDivs').css('font-size').replace('px',''),hht=currentVid.find('.headerDiv').css('height').replace('px',''); 
     if((parseInt(hfs)+15)>parseInt(hht)){ stopPt=ui.value; return false; } 
     } 
});