jQuery的：塊的onclick DIV操作時點擊裏面

Question

其它對象我有這種情況：http://jsfiddle.net/Lm7ac/4/

$(".more").hide(); 

$(document).on("click", ".btn",function() { 
      alert("hello");  
}); 

$(document).on("click", "div.post",function() { 
    var morediv = $(this).find(".more"); 

    morediv.slideToggle('fast'); 
}); 

我需要保持「更多」關閉（或打開）時點擊「.btn」。

我該怎麼做？

感謝

Answer 1

就return false在.btn Click事件處理程序的結束。

$(document).on("click", ".btn",function() { 
      alert("hello");  
    return false; 
}); 

當你return false在一個jQuery事件處理它就像調用event.preventDefault()以及event.stopPropagation()在同一時間。

這裏是一個演示：http://jsfiddle.net/Lm7ac/5/

Google文檔event.preventDefault()：http://api.jquery.com/event.preventDefault/

Google文檔event.stopPropagation()：http://api.jquery.com/event.stopPropagation/

Answer 2

使用event.stopPropagation()：

$(document).on("click", ".btn",function(event) { 
    event.stopPropagation();  
    alert("hello");  
}); 

...注意event參數回調，確保t o如上所述。

http://jsfiddle.net/KJ5Uv/

乾杯