JQuery Click on Div
JQuery Click on Div
我有以下代码:
<div class="contentContainer">
<div class="bild" id="bildDiv">
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
<div class="menubox" id="menuboxID">
<table border="0" cellpadding="0" cellspacing="0" class="menutable">
<tr>
<td>
<asp:ImageButton ID="ImageButton1" CssClass="menuitem" ImageUrl="~/Images/Icons_Home.png"
OnClick="HomeClick" runat="server" />
</td>
<td>
<asp:ImageButton ID="ImageButton2" CssClass="menuitem" data-ftrans="slide" ImageUrl="~/Images/Icons_down.png"
OnClick="DownClick" runat="server" />
</td>
<td>
<asp:ImageButton ID="ImageButton3" CssClass="menuitem" ImageUrl="~/Images/Icons_up.png"
runat="server" OnClick="UpClick" />
</td>
<td>
<asp:ImageButton ID="ImageButton4" CssClass="menuitem" ImageUrl="~/Images/Icons_Video_alternative.png"
runat="server" />
</td>
<td>
<asp:ImageButton ID="ImageButton5" CssClass="menuitem" ImageUrl="~/Images/Icons_Mail.png"
runat="server" OnClick="MailClick" />
</td>
</tr>
</table>
</div>
</div>
<script>
$("#bildDiv").click(function () {
$("#menuboxID").toggleClass("fadein");
});
$('body').removeClass('ui-loading');
</script>
因此,当我单击 #bildDiv 时,#menuboxID 将被淡入!但是现在我的 #bildDiv 里有一些文本框!当我点击任何文本框以写 sth 时,我的菜单会淡入!但我不希望它...只有当我直接单击我的div 时,它才会淡入!解决 方案?
尝试以下操作。
$("#bildDiv INPUT").click(function(event){
event.stopPropagation();
});
使用 stopPropgation 方法停止事件的传播:
$("#bildDiv input").click(function (e) {
e.stopPropagation();
});
如果您只想在菜单栏中使用淡入淡出的效果。将点击事件附加到 #menuboxID 而不是 #bildDiv。
$("#menuboxID").click(function () {
$("#menuboxID").toggleClass("fadein");
});
相关文章:
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- 添加文字和评论功能更新Div
- 点击后隐藏潜水?(但如果Div是一面旗帜呢?)
- 使用JavaScript动态插入DIV的成本有多高
- DIV并排,位置不正确
- Div根据<选择>菜单
- JavaScript on点击更新Div
- HTML JavaScript Stay on Div on page reload
- 将必需属性添加到DIV On单选按钮更改中的输入
- JQuery Click on Div
- jquery .sortable() on <div> store and retrieve
- Javascript/Jquery on event trigger <div class=>
- Show hidden div on li has class 'selected'
- Select Box PHP Array => Javascript On Click Div
- Expand div with "display: table-cell" on click?
- jQuery: Animating Div Resize on 'Click'
- Javascript adding DIV's on each click
- Div Expandsion on Click
- Javascript scrollTo / scrollBy on Div
- 尝试切换TD标记的Div on Click事件,但遇到问题