10

私はこのhtml/cssコードを持っています:

<body>
        <!-- BEGIN: HEADER AREA -->
        <?php require("snippets/header_area.php"); ?>
        <!-- END: HEADER AREA -->
        <div id = "presentation_area">
            <div id = "submenu_area">
                <div id = "sliding_menu_area">
                </div>
                <div id = "tags">
                    <div id = "1">
                        <img src = "lang/el/images/1.png" />
                    </div>
                    <div id = "2">
                        <img src = "lang/el/images/2.png" />
                    </div>
                    <div id = "3">
                        <img src = "lang/el/images/3.png" />
                    </div>
                    <div id = "4">
                        <img src = "lang/el/images/4.png" />
                    </div>
                </div>
            </div>
        </div>
    </body>

ユーザーが を除く他のすべてをクリックすると、関数をトリガーしようとしています#sub_menu_area。js の次の部分を使用します。

$('*').not('#submenu_area').click(function(){
        if(slide == "open"){
            $('#sliding_menu_area').toggle(effect);
            slide = "close";
        }
    });

残念ながら、子供たちはどういうわけか除外されておらず、クリックすると何度も切り替わります。誰かがそれを正しく行う方法を知っていますか?! :)

編集: だから私が必要なのは、適切に取得するためのjqueryセレクターです: on click of all elements of body EXCEPT for #submenu_area and its descendants.

4

2 に答える 2

17

これを試して：

$(document).click(function(e) {
        if ($(e.target).is('#submenu_area, #submenu_area *')) {
            return;
        }
        if(slide == "open"){
            $('#sliding_menu_area').toggle(effect);
            slide = "close";
        }
    });
于 2012-05-11T15:18:44.390 に答える
7

これを使って：

$('*').not("#submenu_area *").click(function() { ... });
于 2012-05-11T13:14:48.520 に答える