我有一个复选框存在于div中。当用户点击div(除了复选框)另一个div显示和隐藏。这是通过JQuery实现的。但我的问题是,当我点击复选框的div也显示滑动效果(我不想)。点击复选框时如何防止div滑动。当我们点击该div内的复选框时,如何防止div崩溃?
1
A
回答
0
挣扎了一天我终于得到了解决之后。我只是在JQuery中添加一个参数给事件。然后检查事件源是否为“CheckBox”类型,然后不折叠div,否则折叠div。我的代码如下:
$(document).ready(function()
{
//The event handler for the click event of the div.
$('.divClientList').click(function(e)
{
//Check if the event source is other then checkbox,
//then collapse the div, else do nothing.
if (e.target.type != "checkbox")
{
//If the target div content is empty then do nothing.
if ($('.divContent').is(':empty'))
{
}
else
{
$('.divContent').slideToggle('slow');
}
}
});
});
3
在复选框上使用.stopPropagation()
方法。如果您的复选框的ID为thecheckbox
,使用
$("#thecheckbox").click(function(event){
event.stopPropagation();
});
相关问题
- 1. 如何防止点击时Bootsrap崩溃?
- 2. 防止div内的复选框触发div函数
- 3. 复选框当我点击另一个复选框时隐藏一个div
- 4. 防止角材中的flexbox div崩溃
- 5. 当我点击div时停止功能
- 6. 模拟单击div内的选择框时点击div
- 7. 在点击复选框时显示div
- 8. 如果div的边框被点击,防止对div的点击操作
- 9. jQuery防止单击内联href时div的点击行为
- 10. 如何防止单击内部div点击事件从外部div
- 11. jQuery的崩溃点击展开DIV
- 12. div内容崩溃
- 13. jquery防止点击父DIV从射击
- 14. 如何在该div内单击复选框时获取标题的值?
- 15. 当我还没有钥匙时,我该如何防止Flurry崩溃
- 16. 如何停止复选框从关闭它的div时,点击外部
- 17. Div内div,防止重叠
- 18. 如何防止点击标签内链接时的复选框检查
- 19. 复选框排除DIV点击
- 20. 如何防止点击Fancybox Overlay div时的默认值?
- 21. 当用户点击文本时,如何防止复选框状态切换?
- 22. 当我点击的div
- 23. 如何在单击该div内的选择选项时获取div的类?
- 24. 当我点击任何子div时,我必须触发父div。
- 25. IE 11 - 如何防止点击后复选框被选中?
- 26. 如何防止JXTreeTable根节点崩溃?
- 27. 当点击复选框时,如何从复选框旁边的页面float的其他位置创建div?
- 28. Treeview防止节点崩溃
- 29. 如何在点击身体点击时防止div上的onclick事件?
- 30. 当div点击时隐藏内容