0

我正在使用这个 jquery 脚本：

$(document).ready(function(){

    //Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/

    //Remove outline from links
    $("a").click(function(){
        $(this).blur();
    });

    //When mouse rolls over
    $("li").mouseover(function(){
        $(this).stop().animate({height:'80px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });

    //When mouse is removed
    $("li").mouseout(function(){
        $(this).stop().animate({height:'220px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });

});

HTML：

<div id="nav1" class="top_nav" style="position:absolute; left:80px;">
    <ul>
        <li class="green">
            <p><a href="#"></a></p>
        </li>
    </ul>

问题：我的问题是：上面的 jquery 脚本应该只适用于 ID 为“nav1”的 div。但它适用于我在页面中使用的所有“li”

4

2 回答 2

0

使用它来将 Jquery 应用于ID为 “nav1”的 Div

   $("#nav1 li").click(function(){});
于 2013-09-20T10:52:37.877 回答
0

如果您选择$('li')它将选择页面上的所有列表项，您现在已经学习了，而不是像下面的示例那样定位<li>在 div 内#nav1

$("#nav1 li").mouseover(function(){...

附加信息 - jQuery 子选择器

于 2013-09-20T11:23:32.680 回答