У меня есть 2 div (s), как определено ниже:
<div id="feedsInfo"></div>
<div id="feeds">
<ul>
<li><p id="a">A</p></li>
<li><p id="b">B</p></li>
<li><p id="c">C</p></li>
</ul>
</div>
и я добавляю событие наведения следующим образом:
$("#feeds p").filter(function(){
return ($(this).attr('id') == 'a' ||
$(this).attr('id') == 'b' ||
$(this).attr('id') == 'c'
)})
.hover(function(e){
$(this).css('background-color','red');
$('#feedsInfo').css('background-color','red');
<< dynamically append <a href> tags to div id='feedsInfo' >>
},function(e){
$("#feedsInfo").children().remove();
$(this).css('background-color','blue');
$('#feedsInfo').css('background-color','blue');
}):
Проблема в том, что я все еще могу видеть теги ссылок в div id='feedsInfo', если я просто машу над списками 'A' 'B' 'C' (мышь сейчас находится где-то еще. Короче говоря, она должна запускать событие mouseleave) даже если они меняют цвет с красного на синий и с синего на красный при событиях mouseenter или mouseleave.
Пожалуйста, объясните, как я могу удалить теги ссылок из div, когда я просто просматриваю список, а мышь не зависает над списками «A», «B», «C».