jquery - Jquery .click関数、特定のIDの動作を変更

Question

だから私はこの機能を持っています

    $('#wrapper').click(function () {
        hideDropDown();
        checkForPiehtcFix();
        hideSearch();
    });

#wrapperには私のすべてのコンテンツが含まれています。したがって、どこかをクリックすると、検索divが非表示になります。

   function hideSearch() {
        isDropSearch = false;
        $('#mn_search').css({ 'background-position': '0 0' });
        $('#dd_search').removeClass('show').addClass('hide');
    }

問題は、ユーザーが私の検索、つまりdiv #dd_searchをクリックしたときに、検索を非表示にしたくないということです。ユーザーが検索をクリックすると閉じるため、検索を入力することができないからです。

だから私は#wrapperclick内に句を追加して、彼らが#dd_search内でクリックしたかどうかを確認しようとしています。クリックした場合は、hideSearch（）を呼び出したくありません。

Answer 1

$("#wrapper").click(function (e) {
   if ($(e.target).is("#dd_search") {
      //special handling when dd_search is clicked

Answer 2

$('#wrapper').click(function () {
    hideDropDown();
    checkForPiehtcFix();
    if( !$(this).is('#dd_search') ) {
        hideSearch();
    }
});

Answer 3

1つの方法は次のとおりです。

$('#wrapper').on('click', ':not(#dd_search)'(function () {
    ...
});

2番目の方法は次のとおりです。

$('#wrapper').click(function (e) {
    if (e.target.id == 'dd_search' || $(e.target).find('#dd_search').length)
        return false;
    ...
    ...
});

3番目の方法は次のとおりです。

$('#wrapper').click(function () {
    ...
});

$('#dd_search').click(function(){
    return false; // stops the bubbling.
});

Answer 4

   $('#wrapper>*').not('#dd_search').click(function () {
      hideDropDown();
      checkForPiehtcFix();
      hideSearch();
    });

dd_search以外のラッパーの子がクリックされた場合に発生します。