jquery不是選擇器問題

Question

首先感謝您的考慮。

我有一個包裝（容器）內的HTML文件。我想這樣做，當有人點擊頁面的正文部分時，它們被重定向到xxx，但是如果他們點擊包裝器（頁面的內容），它們不會被重定向。我已經嘗試了一切，但用於$（'body'）的jquery選擇器選擇了正文內的所有內容，而且我似乎無法理解如何選擇不在#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口味工作？也許，最終使用舊的「回報錯誤」會阻止事件到達其他地方。

此外，一些奇怪的代理檢查-already可用的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

由於事件冒泡起來，您應該可以將一個點擊事件附加到封裝器，以便將氣泡消除到正文。之後，您可以將一個單擊事件附加到body元素以將您需要的地方重定向到。這隻會將點擊事件綁定到2個元素。

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

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