如果有人单击“可拖动” div中的输入,如何拖动div?

n00bie

我有以下html和js(查看下面的jsfiddle)。

我已经将dom上的jquery drag事件绑定准备好了.control-group

如果用户单击并拖动除输入之外的其他任何位置(在div内),他们都可以按预期方式拖动div,但是如果他们单击输入,则它将选择用于输入文本的输入(并且不允许我们拖动它) )。

我希望用户可以单击div中的任何内容,并且应该可以拖动整个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就绪):

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

因此,我正在寻找该事件来“冒泡”到.control-groupdiv。(如果我说对了?!)

在此处查看JSFiddle: http //jsfiddle.net/8stpE/

rogue_js

这样写:

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

请记住,可拖动对象需要很多参数,您可以在此处查找它们

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何禁用上述所有复选框选项 如果有人单击以上复选框都没有?

来自分类Dev

如果有人回答错误,如何停止我的代码?

来自分类Dev

如果有人抛出错误,如何继续处理物品?

来自分类Dev

如果有人向我发送垃圾邮件,我该如何避免mailgun禁用我的域?

来自分类Dev

如果有人跟踪您的数据连接,如何保护api(停止通过提琴手查看数据)

来自分类Dev

如何使弹出div可拖动

来自分类Dev

如何在div中拖动元素

来自分类Dev

如何更改wordpress中每个页面的一个模板的动态标题图像?如果有人可以帮助 4.4 版本的 wordpress

来自分类Dev

如果有人问我如何修复带有病毒的 PC,我该如何帮助他们?

来自分类Dev

如果有人在java中失败,如何停止所有线程?

来自分类Dev

如果有人通过url访问页面而不登录,我们如何创建并返回404页面

来自分类Dev

单击并拖动多个div?

来自分类Dev

如何动态生成div并使其可拖动

来自分类Dev

如何动态生成div并使其可拖动

来自分类Dev

在div中拖动而不是滚动

来自分类Dev

如何使用droppable div删除可拖动的div

来自分类Dev

使div溢出以拖动div

来自分类Dev

android-如何在“ Android”中的Google Map中实施集群管理器时获取准确的号码,如果有人有...请给我正确的答案?

来自分类Dev

android-如何在“ Android”中的Google Map中实施集群管理器时获取准确的号码,如果有人有...请给我正确的答案?

来自分类Dev

淘汰赛拖放:拖动时输入隐藏的div,拖动时显示show div [我的是不同的]

来自分类Dev

在特定div内可拖动

来自分类Dev

可拖动的<div>。与选择战斗

来自分类Dev

Amchart /可拖动的div /图表

来自分类Dev

所选添加的div可拖动

来自分类Dev

从/到可拖动 div 的可排序 div

来自分类Dev

如果有任何div通过警报分类

来自分类Dev

如何在文本框中显示可拖动的div宽度

来自分类Dev

如何使用滚动条查看可拖动div中的长内容?

来自分类Dev

如何检测许多中的任何两个jQuery可拖动div之间的元素冲突?

Related 相关文章

  1. 1

    如何禁用上述所有复选框选项 如果有人单击以上复选框都没有?

  2. 2

    如果有人回答错误,如何停止我的代码?

  3. 3

    如果有人抛出错误,如何继续处理物品?

  4. 4

    如果有人向我发送垃圾邮件,我该如何避免mailgun禁用我的域?

  5. 5

    如果有人跟踪您的数据连接,如何保护api(停止通过提琴手查看数据)

  6. 6

    如何使弹出div可拖动

  7. 7

    如何在div中拖动元素

  8. 8

    如何更改wordpress中每个页面的一个模板的动态标题图像?如果有人可以帮助 4.4 版本的 wordpress

  9. 9

    如果有人问我如何修复带有病毒的 PC,我该如何帮助他们?

  10. 10

    如果有人在java中失败,如何停止所有线程?

  11. 11

    如果有人通过url访问页面而不登录,我们如何创建并返回404页面

  12. 12

    单击并拖动多个div?

  13. 13

    如何动态生成div并使其可拖动

  14. 14

    如何动态生成div并使其可拖动

  15. 15

    在div中拖动而不是滚动

  16. 16

    如何使用droppable div删除可拖动的div

  17. 17

    使div溢出以拖动div

  18. 18

    android-如何在“ Android”中的Google Map中实施集群管理器时获取准确的号码,如果有人有...请给我正确的答案?

  19. 19

    android-如何在“ Android”中的Google Map中实施集群管理器时获取准确的号码,如果有人有...请给我正确的答案?

  20. 20

    淘汰赛拖放:拖动时输入隐藏的div,拖动时显示show div [我的是不同的]

  21. 21

    在特定div内可拖动

  22. 22

    可拖动的<div>。与选择战斗

  23. 23

    Amchart /可拖动的div /图表

  24. 24

    所选添加的div可拖动

  25. 25

    从/到可拖动 div 的可排序 div

  26. 26

    如果有任何div通过警报分类

  27. 27

    如何在文本框中显示可拖动的div宽度

  28. 28

    如何使用滚动条查看可拖动div中的长内容?

  29. 29

    如何检测许多中的任何两个jQuery可拖动div之间的元素冲突?

热门标签

归档