JQuery не проблема выбора

Question

Прежде всего, спасибо за ваше внимание.

У меня есть html-документ с оберткой (контейнером) внутри. Я хочу сделать так, чтобы, когда кто-то нажимает на раздел тела страницы, они перенаправляются на xxx, но если они нажимают на оболочку (содержимое страницы), они не перенаправляются. Я пробовал все, но селектор jquery для $ ('body') выбирает все внутри тела, и я, похоже, не понимаю, как выбрать все, что не в #wrapper. я пытался что-то вроде этого:

$('*').not('#wrapper').click(function(){ 
      window.location = 'http://www.example.com/example-page'; 
     }); 

не повезло,

Спасибо, ребята

alex_

Answer 1

Наверное что-то вроде этого ..

$(document).click(function(e){ 
    var el = $(e.target); 
    if ( 
     (!$(el).is('#wrapper')) && 
     $(el).closest('#wrapper').length === 0 
    ) { 
     window.location.href = 'http://msn.com'; 
    } 
}); 

ли не тест , Я бы не рекомендовал этого вообще, хотя это было навязчивое и странное поведение.

Answer 2

Возможно, попробуйте использовать функцию фильтра. Это позволяет вам выделять нежелательные результаты из набора элементов.

http://docs.jquery.com/Traversing/filter

Answer 3

$('*').not('#wrapper').click(function(){ 
      window.location = 'http://www.merkados.com/quote-request'; 
    }); 

будет связывать событие для всех элементов, кроме #wrapper. поэтому, если ваш HTML является

<div id="anotherdiv"><div id="wrapper">adsads</div></div> 

#anotherdiv получит нажмите на adsads. Вы можете использовать stopPropagation() для события

Answer 4

Я думаю, что вы хотите использовать это:

$(':not(#wrapper)').click(function(){ 
    window.location = 'http://www.example.com/example-page'; 
}); 

Answer 5

ли stopPropagation() работает на IE вкусами? Возможно, использование старого «return false» в конце останавливает событие от получения в другом месте.

Кроме того, необходимо выполнить некоторую проверку нечетного агента - уже доступную в JQuery. (Если MSIE, а затем сделать

event.cancelBubble = true; 

еще, используйте метод stopPropagation

event.stopPropagation(); 

)

Answer 6

Я сделал это, ребята !! Спасибо, что открыли мне глаза! Вы, ребята, сделали это! Вот окончательный код:

$(':not(#wrapper)').click(function(event){ 
      if($(this).hasClass('cl')) { 
       window.location = 'http://www.example.com/example-page'; 
      } 
       event.stopPropagation(); 

     }); 

Как вы можете видеть, что я сделал, я добавил класс только к телу. StopPropagation в основном останавливает вызовы с #wrapper, поэтому он в основном работает только с той частью тела, которая имеет cl, а не с #wrapper.

Еще раз спасибо, ребята, рок!

Answer 7

Поскольку события пузырятся, вы должны просто прикрепить событие клика к обертке, которая отменяет пузырь до тела. После этого вы можете прикрепить событие click к элементу body, чтобы перенаправить туда, где он вам нужен. Это свяжет события click только с двумя элементами.

$("#wrapper").click(function(){ 
    return false; 
}); 

$("body").click(function(){ 
    console.log("body click"); 
});