1

最初，当我单击我的 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>

4

4 回答 4

3

尝试：

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

});
于 2013-06-25T16:24:56.797 回答
2

您需要使用.next ，因为您的slide-updivbubble不在其中

$(".bubble").click(function() {
        $(this).next('.slide-up').slideToggle(1000);              
});
于 2013-06-25T16:26:35.223 回答
1

使用事件来获得您想要的事件。

$(".bubble").click(function(e) {
    $(e.target).find('.slide-up').slideToggle(1000);              
});
于 2013-06-25T16:14:19.230 回答
0

如果你有很多“.bubble”元素；$('.bubbles')返回一个元素数组，当触发点击事件时，将在所有气泡上执行。

您需要做的是遍历每个元素并使用以下方法分配它自己的点击事件：

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

我在这里为您创建了一个工作示例 - http://jsfiddle.net/CGWGreen/acGLX/。干杯 GW

于 2013-06-25T16:27:03.663 回答