0

我有以下代码：

<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 时它才会淡入！解决方案？

4

3 回答 3

1

使用stopPropgation方法停止事件的传播：

$("#bildDiv input").click(function (e) {
     e.stopPropagation();
});
于 2012-07-05T18:05:03.310 回答
1

试试下面的。

$("#bildDiv INPUT").click(function(event){
  event.stopPropagation();  
});
于 2012-07-05T18:05:58.407 回答
0

如果您只想在菜单栏中使用淡入淡出效果。将点击事件附加到#menuboxID 而不是#bildDiv。

$("#menuboxID").click(function () {

    $("#menuboxID").toggleClass("fadein");
});
于 2012-07-05T18:07:13.993 回答