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

我有一个div，它包含一个只读的输入字段。我使用jQueryUI使div可以拖动

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

Javascript:

$(function() {
    var div1 = $('#div1');
    div1.draggable();
    var input1 = $('<input type="text" readonly value="Some Text" style="position:absolute;top:0;left:0;border:0">');
    input1.appendTo(div1);   
})

$（函数（）{
var div1=$（“#div1”）；
div1.draggable（）；
变量输入1=$（''）；
输入1.附录（第1部分）；
})

我想这就是你需要的

$(function() {
    var div1 = $('#div1');
    var input1 = $('<input type="text" readonly value="Some Text" style="position:absolute;top:0;left:0;border:0">');
    input1.appendTo(div1);   
    $('#div1').draggable({
                cancel: ''
    });
});

$（函数（）{
var div1=$（“#div1”）；
变量输入1=$（''）；
输入1.附录（第1部分）；
$（'#div1'）。可拖动({
取消：“”
});
});

基本上，

取消

选项所做的就是取消拖动选项 里面提到的那些元素。既然你不想取消 拖动任何子元素上的选项，只需将其留空即可

您可以在和链接和中找到更多信息

---

以下是供您参考的

add div1.draggable（）；输入后1.附录（第1部分）；检查您是否可以创建fiddle，因为我无法打开youThanks提供的链接，这是有效的，但是有时我需要启用输入字段，我尝试在您的plunk中删除

readonly

，但该字段保持禁用状态。知道为什么吗？我成功了，@pgschr。。很抱歉我刚看到你的反应。很高兴它起作用了。快乐编码…）干得好@GuruprasadRao和@pgschr！你们解决了我的问题，那个编辑文本的技巧非常好，既可以用于拖动，也可以用于编辑。谢谢：）@AnmolSaraf Gald它也帮了你。。快乐编码…）