jquery funkcija ar vairākiem id

[ziedinjsh]

tik tālu esmu ticis, bet netieku skaidrībā ar lietu sekojošu

jquery

$(function(){
$('#video').mouseover(function(){
$('#videoi').fadeIn();
});
$('#video').mouseleave(function(){
$('#videoi').fadeOut();
});

});  

php

while($data = mysql_fetch_array($video)){
$id = $data['id'];
echo "
<div id='video' style='background-image:url(http://img.youtube.com/vi/".$data['code']."/1.jpg);'>
<div id='videoi'>
".$data['title']."
</div>
</div>
";
}

man viņš iefeidot tikai pirmo.. kā panākt lai viņš iefeidot katru uz kuru es uzbraucu ar pelīti!?!?

Edited December 23, 2011 by ziedinjsh

[vostro]

Labāk pie katra id='video' pieliec klāt numuru ID un JS pusē +ID.

Edited December 24, 2011 by vostro

[ziedinjsh]

es laikam nesaprotu kā tās jāizdarta

$(function(){
$('#video'+ID).mouseover(function(){
$('#videoi').fadeIn();
});
$('#video'+ID).mouseleave(function(){
$('#videoi').fadeOut();
});

});  

 

<div id='video".$data['id']."' class='video' style='background-image:url(http://img.youtube.com/vi/".$data['code']."/1.jpg);'>

[404]

Kas traucē izmantot klases?

$('.video').mouseover

[mad182]

Pārsauc id="video" par class="video".

Nahrenizē id="videoi".

 

Dokumentā katram ID jābūt unikālam.

 

Un:

 

$('.video').hover(
  function () {
$(this).children().fadeIn()
  },
  function () {
$(this).children().fadeOut()
  }
);

Edited December 24, 2011 by mad182

[ziedinjsh]

$('.video').mouseover(
  function () {
       $(this).children().fadeTo(150, 1)
  },
  function () {
       $(this).children().fadeTo(150, 0.25)
  }
);

 

while($data = mysql_fetch_array($video)){
echo "
<div id='".$data['id']."' class='video' style='background-image:url(http://img.youtube.com/vi/".$data['code']."/1.jpg);'>
<div>
<a href='".url."video.php?do=play&id=".$data['id']."'>".$data['title']."</a>
</div>
</div>
";
}
}

 

tagad man rādād uzreiz video nosaukums.. vajadzētu kad uzbracot ar peli uz div, tad lai rāda

[mad182]

Laboju. Un pieliec display:none nosaukumam.

[ziedinjsh]

pieliku, bet tāpat neiet!