Я использую этот сценарий 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". Но он применяет все "ли", которые я использую на своей странице
Используйте это, чтобы применить JQuery к Div с идентификатором "nav1"
$("#nav1 li").click(function(){});
Если вы выберете $('li')
он выберет все элементы списка на вашей странице, которые вы узнаете к настоящему времени, вместо этого #nav1
<li>
внутри div #nav1
как на примере ниже
$("#nav1 li").mouseover(function(){...
Дополнительная информация - jQuery Child Selector
#nav1 li