부트 스트랩 드롭 메뉴와 jQuery를 드래그 가능한 버그

Question

가 나는 jQuery를 드래그 사업부가 있고 그 안에 내가 부트 스트랩 드롭 다운 메뉴가,이 내 HTML입니다 :

당신은 HTML에서 볼 수

<div id="widget_clock" class="widget_common ui-widget-content ui-corner-all ui-draggable" style="z-index: 1001; left: 651px; top: 0px; "> 
<div> 
    <div class="btn-group" style="float:right;text-align:left"> 
     <a class="btn btn-large" href="#" id="btn_SetAlarm"><em class="icon-time" style="margin-top: 4px;"></em> Set Alarm</a> 
     <a class="btn btn-large dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> 
     <ul class="dropdown-menu" id="alarm_recent_times"> 
      <li class="recent_times_header nav-header" style="padding-right:20px; padding-left:20px">No Recent times</li> 
     </ul> 
    </div> 
</div> 

, .dropdown-menu ul 태그에 대해 이야기하고 있습니다. <div class="caret"> 누르면되고 있으며, 드롭 다운 메뉴 (이것은 bootstrapjs 기능입니다) 열릴 때까지 모든

버그가 bootstrapjs 메뉴를 연 후 DIV 다시 드래그 될 때 발생하고있다, 좋아 보인다 메뉴가 움직이지 않고 그대로 유지됩니다. 때로는 DIV로 돌아가고 때로는 가만히 서있을 수도 있습니다. 나는 이유를 설명 할 수 없다.

PS 내 웹 사이트 주소를 제공하여 문제가있는 사람들에게 내 문제를 보여줄 수 있습니까?

Answer 1

드래그하는 동안 드롭 다운이 열려 있어야하는 경우가 아니면 드래그하여 드롭 다운 메뉴를 닫아이 문제를 해결할 수 있습니다.

$(".ui-draggable").draggable({ 
    start: function() { 
    $('.ui-draggable .open').removeClass('open'); 
    } 
}); 

캐럿을 클릭하면 div를 드래그 할 수 없도록 설정할 수도 있습니다.

$(".ui-draggable").draggable({ 
    cancel: 'a.dropdown-toggle' 
});