сделать div перетаскиваемым, если условие истинно?

Question

У меня есть div, который должен быть перетаскиваемым. Ниже приведен код,

$("#SpeedDraggable"). draggable 
({ 
    axis: "y", 
    containment:'parent', 
     drag: function(event, ui) 
     { 
      var Startpos = $(this).position(); 
      $("#SpeedText").text(184-Startpos.top).css('color','#DDDDDD');    
     }, 
    stop: function(event, ui) 
    { 
     var Stoppos = $(this).position(); 
     $("#SpeedText").text(184-Stoppos.top).css('color','#DDDDDD'); 
    } 
    }); 

Это требование заключается в том, что выше логика должна происходить при этом, если условие

if($("#imgManualSetting_Pressed").is(":visible")) 
{ 

} 

Если это условие не выполняется, тогда DIV не должно быть перетаскивать. Просьба помочь мне, как это сделать ... Спасибо заранее!

Answer 1

if($("#imgManualSetting_Pressed").is(":visible")) { 
    // set to draggable widget 
    $("#SpeedDraggable").draggable({ 
     axis: "y", 
     containment:'parent', 
      drag: function(event, ui) 
      { 
       var Startpos = $(this).position(); 
       $("#SpeedText").text(184-Startpos.top).css('color','#DDDDDD');    
      }, 
     stop: function(event, ui) 
     { 
      var Stoppos = $(this).position(); 
      $("#SpeedText").text(184-Stoppos.top).css('color','#DDDDDD'); 
     } 
    }); 
} 
else { 
    // destroy draggable if not 
    $("#SpeedDraggable").draggable("destroy"); 
} 

Answer 2

$("#SpeedDraggable"). draggable 
({ 
    axis: "y", 
    containment:'parent', 
    drag: function(event, ui) 
    { 
     if($("#imgManualSetting_Pressed").is(":visible")) 
     { 
      var Startpos = $(this).position(); 
       $("#SpeedText").text(184-Startpos.top).css('color','#DDDDDD'); 
     } 
     else 
     { 
       return false;    
     }      
    } 

});