我有以下代码:
<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中有一些文本框!当我点击任何文本框以便写入时,我的菜单就会淡入!但我不希望它...如果我直接点击我的div,它应该只会淡入!溶液
答案 0 :(得分:1)
使用stopPropgation方法停止传播事件:
$("#bildDiv input").click(function (e) {
e.stopPropagation();
});
答案 1 :(得分:1)
请尝试以下操作。
$("#bildDiv INPUT").click(function(event){
event.stopPropagation();
});
答案 2 :(得分:0)
如果您只想在菜单栏中使用Faded效果。将点击事件附加到#menuboxID而不是#bildDiv。
$("#menuboxID").click(function () {
$("#menuboxID").toggleClass("fadein");
});