jQuery toggleClass on div元素

我有一個div與href到其中的另一個網站。我想添加一個類到div，這會讓它有點不同，但是，當點擊href時，我只想添加到div的類被添加。有沒有一種方法可以讓我們只在div被點擊時添加類？jQuery toggleClass on div元素

HTML：

<div class="preview"> 
    <img src="some-image.jpg"> 
    <a href="http://external-link.com">Link to somewhere</a> 
</div>

JS：

$('.preview').click(function() { 
    $(this).toggleClass('preview-active'); 
});

來源

2014-05-07 jfrosty

是，像CoffeeScript的或錯字的插件嗎？ '$（'。preview'）。click：function' looks wrong。 – Anton

他'''當他應該'''' –

'href'沒有被點擊，'href'從未被點擊過，錨元素，''是，並且可以被點擊，但' href'只是''元素的一個*屬性* –

我相信你」重新尋找像下面這樣的東西。這種檢查事件的目標（e.target），看看你是否應進行...

$('.preview').on('click', function (e) { 
    e.preventDefault(); 
    var $target = $(e.target); 
    if(!$target.is('a')) { 
    alert('You did not click the link'); 
    } else { 
    alert('You did click the link'); 
    } 
});

這裏是一個演示：http://jsbin.com/qebos/1/edit

來源

2014-05-07 18:32:30

所以當我點擊鏈接時該類不會被添加，這就是我正在尋找的......但是，當我點擊圖像時類也不會被添加，我會怎樣做是因爲除了鏈接之外的所有東西都是可點擊的嗎？我只是在它的'.preview img'？ – jfrosty

試過了，它只在單擊'img'時才起作用 – jfrosty

你'請給我一分鐘 –

你需要把它添加到父元素（<div>）...

$(this).parent().toggleClass('preview-active');

來源

2014-05-07 18:28:30 Adjit

jQuery toggleClass on div元素

回答

相關問題