當拖動子元素時使元素可拖動

Question

我有多個以編程方式創建的span元素，它們的設計看起來像窗口一樣行事。每個元素的頂部都有一個標題欄。我試圖獲得它，以便通過或僅當鼠標懸停在使用jQuery UI的子標題元素上才能激活可拖動性，這可能嗎？

Answer 1

這是可能的。當鼠標持有子元素時，使父元素可拖動，然後在鼠標意識到時使其不能再拖動。

// The parent element 
 
var $aa = $("#aa"), 
 
// The child element 
 
    $bb = $("#bb"); 
 

 
// When the mouse is down 
 
$bb.mousedown(function() { 
 
    // Drag the element 
 
    $aa.draggable(); 
 
}); 
 

 
// When the mouse realizes 
 
$bb.mouseup(function() { 
 
    // Don't drag the element 
 
    $aa.draggable('destroy'); 
 
});

<script src="https://code.jquery.com/jquery-1.11.3.js"></script> 
 
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js" integrity="sha256-xI/qyl9vpwWFOXz7+x/9WkG5j/SVnSw21viy8fWwbeE=" crossorigin="anonymous"></script> 
 

 
<div id="aa"> 
 
    --- 
 
    <div id="bb">Push me</div> 
 
</div>

這可以通過更多的活動提高了，反正。