Применять скрипт jquery только к определенным тегам

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 должен применяться только к div с идентификатором "nav1". Но он применяет все "ли", которые я использую на своей странице

Теги:
navigation
tags

2 ответа

0
Лучший ответ

Используйте это, чтобы применить JQuery к Div с идентификатором "nav1"

   $("#nav1 li").click(function(){});
  • 0
    Вы пишете #nav li, Is должен использовать # nav1 li из #nav li
  • 0
    @BigTech это должно быть #nav1 li
0

Если вы выберете $('li') он выберет все элементы списка на вашей странице, которые вы узнаете к настоящему времени, вместо этого #nav1 <li> внутри div #nav1 как на примере ниже

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

Дополнительная информация - jQuery Child Selector

Ещё вопросы

Сообщество Overcoder
Наверх
Меню