jquery - 单击DIV或其子级时可拖动的Jquery

当在div的子级上单击鼠标并拖动父级时，是否可以启用拖动？

在此示例中，我尝试使可拖动对象同时适用于div和select。当您单击选择并尝试拖动时，没有任何反应。

http://jsfiddle.net/Trhs4/5/

<div id="draggable" class="ui-widget-content">
<select>
<option>Drag Me</option>
</select>
</div>

 $(function() {
     $( "#draggable" ).draggable();
 });

最佳答案

这是一个示例：LIVE DEMO

它与您的组合框不是很兼容，因为它捕获了鼠标单击事件以显示其选项，但是它正在运行。

$(document).ready(function(){
      var click = false,
      top = null,
      left = null;

    $(document).bind('mousemove', function (e) {
        if (click == true) {
           $('#draggable').css({
             left: e.pageX - left,
             top: e.pageY - top
           });
        }
    });

    $('#draggable').draggable().click(function(e) {
        top = e.pageY - $('#draggable').position().top;
        left = e.pageX - $('#draggable').position().left;
        click = !click;
        return false;
    });

    $('html').click(function() {
        click = false;
    });
});

关于jquery - 单击DIV或其子级时可拖动的Jquery，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15555555/