在jQuery UI中拖动输入文本可拖动

在这个插件中，我有一个包含readonly输入字段的div。 我使用jQuery UI使div可拖动。

当我拖动未被输入字段隐藏的部分时，它工作正常（尝试拖动橙色区域）。 但是当我尝试通过拖动输入字段来拖动div时，div不会移动。 即使鼠标位于div中包含的任何元素上，我也需要拖动div。 这可能吗？

使用Javascript：

$(function() { var div1 = $('#div1'); div1.draggable(); var input1 = $(''); input1.appendTo(div1); }) 

Answer 1

我想这就是你需要的

 $(function() { var div1 = $('#div1'); var input1 = $(''); input1.appendTo(div1); $('#div1').draggable({ cancel: '' }); }); 

基本上cancel选项的作用是取消对其中提到的那些元素的拖动选项。 由于您不想取消任何子元素的拖动选项，因此请将其留空。

您可以在此链接和此链接中找到更多信息，以下是工作插件供您参考