'toggleClass'不適用於所有其他div

Question

由於一些奇怪的原因，我添加的這個簡單的點擊功能，應該是將「大」類添加到點擊的div，只適用於其他div。

See an example here（點擊方框與圖片）

$('.box').click(function(){ 

$(this).toggleClass('big').siblings().removeClass('big'); 

});  

這裏是一個小提琴，但我選擇不發佈這個，因爲它工作得很好，因爲它應該做的。該錯誤是由其他一些因素引起的，但我不知道是什麼 http://jsfiddle.net/Ly1bxswq/1/

Answer 1

您在循環中綁定你的click處理程序，但需要做的只有一次，當所有的元素添加到頁面。

$.each(data.feed.entry, function (i, entry) { 
    // ... 
    $container.append(item); 
    // ... 
}) 

$('.box').click(function(){ 
    $(this).toggleClass('big').siblings().removeClass('big'); 
} 

正如指出的@Yan深色的評論，這將是更好地從各個.box事件委託給他們的父母。這樣，你可以綁定你在任何時候（.box元素被添加到頁面甚至更早）處理器

$container.on("click", ".box", function(){ 
    $(this).toggleClass('big').siblings().removeClass('big'); 
});