0

在我的 html 代码中有列表项。我想在悬停相关列表项时显示和隐藏相关的收藏夹。但我无法关联最喜欢的 div 和它的列表项。

html:

<ul>    
<php? for(....): ?>                            
    <li>
        <div id="sin">
            some stuff 
        </div>
        <div id="son">
            some stuff
        </div>
        <div id="fav">
            something 
        </div>
        <br />
    </li>
<php? endfor; ?>
</ul>

当鼠标悬停在<li>属于鼠标悬停列表项的标签“fav”div 上时，必须出现。

我未使用的 jquery 代码：

$(document).ready(function()
{          
    $("li").hover(function(){
        $("#fav").show()},
        function () {
        $("#fav").hide()
    });
});
4

2 回答 2

1

问题是您多次使用相同的 id。您需要使用class="fav"而不是id="fav"

//对于#sin和#son也是

$(document).ready(function()
{          
    $("li").hover(function(){
        $("#fav").show()},
        function () {
        $("#fav").hide()
    });
});

应该

$(document).ready(function()
{          
    $("li").hover(function(){
        $(this).find(".fav").show()},
        function () {
        $(this).find(".fav").hide()
    });
});
于 2012-10-28T13:41:15.700 回答
1

在这里你有

$(document).ready(function()
{
    $('.fav').hide();
    $("li").hover(function(){
        $(".fav",$(this)).show()},
        function () {
        $(".fav",$(this)).hide()
    });
});

您需要使用上下文 with$(".fav",$(this)).而不是$(".fav").. 你也必须从id变成class喜欢

                            <li>
                                <div class="sin">
                                    some stuff
                                </div>

                                <div class="son">
                                    some stuff
                                </div>

                                <div class="fav">
                                    something
                                </div>
                                <br />
                            </li>
于 2012-10-28T13:44:52.063 回答