Question

我有以下html和js（查看下面的jsfiddle）。

我将dom上的jquery拖动事件绑定到.control-group。

如果用户点击并拖动除输入之外的任何地方（在div内），他们可以按预期拖动div，但是如果他们点击输入，则会选择输入文本的输入，（并且不允许我们拖动它。）

我希望能够让用户在div中单击ANYTHING，并且应该可以拖动WHOLE div。

<div class="control-group">
    <label class="control-label" for="textInput">Text Input</label>
    <div class="controls">
        <!-- If someone clicks on this input, the whole div should still be draggable -->
        <!-- Its ok if the input is not usable, thats the point!, Its just for show -->
        <input id="textInput" name="textInput" type="text" placeholder="placeholder"/>
        <p class="help-block">you have an error!</p>
    </div>
</div>

jQuery（Dom Ready）：

$('.control-group').draggable();

所以我正在寻找能够“冒泡”到.control-group div的事件。 （如果我做对了吗？！）

View the JSFiddle here: http://jsfiddle.net/8stpE/

Answer 1

像这样写：

$('.control-group').draggable( { cancel : " " } );

请记住，draggable需要很多参数，你可以查看它们here

如果有人点击`draggable` div中的输入，如何拖动div？

1 个答案: