Почему не работает скрипт
Вот скрипт:
<script> $(document).ready(function() { $('.delete').hide(); $('.foto').hover(function(){ $(this).nextAll('.delete').fadeIn(300);}, function(){ $(this).nextAll('.delete').fadeOut(300); }); }); </script> Вот код: <?php $userLog = $_SESSION['login']; $resultFoto = mysql_query("SELECT * FROM album WHERE album_id ='".$iAlbum."' AND user ='".$userLog."'"); $number = 1; while ($row = mysql_fetch_array($resultFoto)) { echo '<div class="foto"><a class = "showFoto" href="slide.php?numberIm='.$number.'&&idAlbum='.$iAlbum.'" rel="gallery"><img src="'.$row['adresfilemin'].'" width="200" height="200" /></a><a id="del" href="action/delete.php?idImages='.$row['id_img'].'&&idAlbum='.$iAlbum.'" title="Удалить изображение"><div class="delete"></div></a></div>'; $number++; }; ?>Заранее спасибо!!! |
Цитата:
|
<!---------Название альбома---------> <div id="albom_name" class="menu">Природа</div> <!------------Начало альбома---------------> <div id="albom"> <div id="obert"> <script> $(document).ready(function() { $('.delete').hide(); $('.showFoto').hover(function(){ $(this).nextAll('.delete').fadeIn(300);}, function(){ $(this).nextAll('.delete').fadeOut(300); }); }); </script> <div class="foto"><a class="showFoto" href="slide.php?numberIm=1&&idAlbum=7" rel="gallery"><img src="fotoMin/smalle368cf478007.jpg" height="200" width="200"></a><a id="del" href="action/delete.php?idImages=43&&idAlbum=7" title="Удалить изображение"><div style="display: none;" class="delete"></div></a></div> <div class="foto"><a class="showFoto" href="slide.php?numberIm=2&&idAlbum=7" rel="gallery"><img src="fotoMin/smallcddcef64ac8c.jpg" height="200" width="200"></a><a id="del" href="action/delete.php?idImages=45&&idAlbum=7" title="Удалить изображение"><div style="display: none;" class="delete"></div></a></div> <div class="foto"><a class="showFoto" href="slide.php?numberIm=3&&idAlbum=7" rel="gallery"><img src="fotoMin/small931b95b28110.jpg" height="200" width="200"></a><a id="del" href="action/delete.php?idImages=46&&idAlbum=7" title="Удалить изображение"><div style="display: none;" class="delete"></div></a></div> <div class="foto"><a class="showFoto" href="slide.php?numberIm=4&&idAlbum=7" rel="gallery"><img src="fotoMin/small2d9d9af2a9b2.jpg" height="200" width="200"></a><a id="del" href="action/delete.php?idImages=48&&idAlbum=7" title="Удалить изображение"><div style="display: none;" class="delete"></div></a></div> <div class="foto"><a class="showFoto" href="slide.php?numberIm=5&&idAlbum=7" rel="gallery"><img src="fotoMin/small794fb5f8d53f.jpg" height="200" width="200"></a><a id="del" href="action/delete.php?idImages=49&&idAlbum=7" title="Удалить изображение"><div style="display: none;" class="delete"></div></a></div> <div class="foto"><a class="showFoto" href="slide.php?numberIm=6&&idAlbum=7" rel="gallery"><img src="fotoMin/small92eac04309a0.jpg" height="200" width="200"></a><a id="del" href="action/delete.php?idImages=50&&idAlbum=7" title="Удалить изображение"><div style="display: none;" class="delete"></div></a></div> <div class="foto"><a class="showFoto" href="slide.php?numberIm=7&&idAlbum=7" rel="gallery"><img src="fotoMin/smallf730a9070ce3.jpg" height="200" width="200"></a><a id="del" href="action/delete.php?idImages=51&&idAlbum=7" title="Удалить изображение"><div style="display: none;" class="delete"></div></a></div> <div class="foto"><a class="showFoto" href="slide.php?numberIm=8&&idAlbum=7" rel="gallery"><img src="fotoMin/small60a1e42813a9.jpg" height="200" width="200"></a><a id="del" href="action/delete.php?idImages=52&&idAlbum=7" title="Удалить изображение"><div style="display: none;" class="delete"></div></a></div></div> <!------------Конец альбома---------------> </div> |
Цитата:
Вот только элемент с классом delete не есть родственный элементу с классом showFoto... |
Как вариант...
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <!-- <link rel="stylesheet" type="text/css" href="tmp.css" /> --> <style type="text/css"> </style> <script type="text/javascript"> $(document).ready(function() { $('.delete').hide(); $('.showFoto').hover(function(){ $(this.parentNode).find('.delete').fadeIn(300) ;},function(){ $(this.parentNode).find('.delete').fadeOut(300); }); }); </script> </head> <body> <!---------Название альбома---------> <div id="albom_name" class="menu">Природа</div> <!------------Начало альбома---------------> <div id="albom"> <div id="obert"> <div class="foto"> <a class="showFoto" href="slide.php?numberIm=1&&idAlbum=7" rel="gallery"> <img src="fotoMin/smalle368cf478007.jpg" height="200" width="200"> </a> <a id="del" href="action/delete.php?idImages=43&&idAlbum=7" title="Удалить изображение"> <div class="delete">delete</div> </a> </div> <!------------Конец альбома---------------> </div> </body> </html> Вот это какой-никакой, а тестовый пример. |
И как исправить! Чтоб при на ведении только на данный элемент появлялся блок?
Если заменить .showFoto на .foto все равно не работает! |
Цитата:
|
Цитата:
|
Все спасибо! Все везде исправил, теперь работает!
|
Часовой пояс GMT +3, время: 12:54. |