當我點擊我的div時，我不希望它影響同一班級的所有div。

最初，當我點擊我的div時，標題滑動了起來，但它影響了所有其他同一類的div。我只是想讓它影響被點擊的div。所以我在下面嘗試了這個選項，但它根本不起作用！任何幫助，將不勝感激。謝謝！當我點擊我的div時，我不希望它影響同一班級的所有div。

$(document).ready(function() { 
    $(".bubble").click(function() { 
     $(this).find('.slide-up').slideToggle(1000);    
    }); 

}); 

<div class="property"> 
<div class="left-column">  
    <img src="<?php bloginfo('template_directory'); ?>/images/test-image.jpg" width="670px" height="450px" />  
    <div class="bubble"></div>  
    <div class="slide-up"><h1>CHARM? LOCATION? AWESOME? CHECK, CHECK AND CHECK</h1></div> 
</div>

來源

2013-06-25 davidz

你可以發佈你的html .... –

如果你不發佈相關的HTML代碼，有人可以幫助你嗎？ –

它怎麼樣都不工作？ – scrappedcola

嘗試：

$(document).ready(function() { 
    $(".bubble").click(function() { 
     $(this).next('.slide-up').slideToggle(1000);    
    }); 

});

來源

2013-06-25 16:24:56 Pastur

謝謝Abel，它像一個工作魅力！：） – davidz

見http://api.jquery.com/next/ – actc

不客氣:) – Pastur

使用事件得到你想要的。

$(".bubble").click(function(e) { 
    $(e.target).find('.slide-up').slideToggle(1000);    
});

來源

2013-06-25 16:14:19 Shanimal

足夠公平......但在這種情況下，他點擊的對象是目標。如$（this）所示' – Shanimal

是的，你的代碼是有道理的。但如果OP讓我們看看他在找什麼 –

這會失敗，如果有人點擊了'.slide-up'作爲目標就是'.slide-up'本身 –

您需要使用.next爲您slide-up格旁邊bubble不是裏面的它

$(".bubble").click(function() { 
     $(this).next('.slide-up').slideToggle(1000);    
});

來源

2013-06-25 16:26:35

如果你有許多 '.bubble'要素; $('.bubbles')返回一個元素數組，當點擊事件觸發時，將執行所有的氣泡。

你需要做的是在迭代每個元素，並指定它使用自己的點擊事件：

$(".bubble").each(function(){ 
    $(this).click(function() { 
     $(this).find('.slide-up').slideToggle(1000);    
    }) 
});

我創建了一個工作示例這裏爲你 - http://jsfiddle.net/CGWGreen/acGLX/。乾杯GW

來源

2013-06-25 16:27:03

當我點擊我的div時，我不希望它影響同一班級的所有div。

回答

相關問題