Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Почему не работает скрипт (https://javascript.ru/forum/jquery/35793-pochemu-ne-rabotaet-skript.html)

Makkssimka 22.02.2013 13:39

Почему не работает скрипт
 
Вот скрипт:
<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++;
};
?>
Заранее спасибо!!!

ksa 22.02.2013 13:43

Цитата:

Сообщение от Makkssimka
Вот код:

ПХПисты как всегда жгут! :D ХТМЛ давай!

Makkssimka 22.02.2013 13:49

<!---------Название альбома--------->
<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&amp;&amp;idAlbum=7" rel="gallery"><img src="fotoMin/smalle368cf478007.jpg" height="200" width="200"></a><a id="del" href="action/delete.php?idImages=43&amp;&amp;idAlbum=7" title="Удалить изображение"><div style="display: none;" class="delete"></div></a></div>
<div class="foto"><a class="showFoto" href="slide.php?numberIm=2&amp;&amp;idAlbum=7" rel="gallery"><img src="fotoMin/smallcddcef64ac8c.jpg" height="200" width="200"></a><a id="del" href="action/delete.php?idImages=45&amp;&amp;idAlbum=7" title="Удалить изображение"><div style="display: none;" class="delete"></div></a></div>
<div class="foto"><a class="showFoto" href="slide.php?numberIm=3&amp;&amp;idAlbum=7" rel="gallery"><img src="fotoMin/small931b95b28110.jpg" height="200" width="200"></a><a id="del" href="action/delete.php?idImages=46&amp;&amp;idAlbum=7" title="Удалить изображение"><div style="display: none;" class="delete"></div></a></div>
<div class="foto"><a class="showFoto" href="slide.php?numberIm=4&amp;&amp;idAlbum=7" rel="gallery"><img src="fotoMin/small2d9d9af2a9b2.jpg" height="200" width="200"></a><a id="del" href="action/delete.php?idImages=48&amp;&amp;idAlbum=7" title="Удалить изображение"><div style="display: none;" class="delete"></div></a></div>
<div class="foto"><a class="showFoto" href="slide.php?numberIm=5&amp;&amp;idAlbum=7" rel="gallery"><img src="fotoMin/small794fb5f8d53f.jpg" height="200" width="200"></a><a id="del" href="action/delete.php?idImages=49&amp;&amp;idAlbum=7" title="Удалить изображение"><div style="display: none;" class="delete"></div></a></div>
<div class="foto"><a class="showFoto" href="slide.php?numberIm=6&amp;&amp;idAlbum=7" rel="gallery"><img src="fotoMin/small92eac04309a0.jpg" height="200" width="200"></a><a id="del" href="action/delete.php?idImages=50&amp;&amp;idAlbum=7" title="Удалить изображение"><div style="display: none;" class="delete"></div></a></div>
<div class="foto"><a class="showFoto" href="slide.php?numberIm=7&amp;&amp;idAlbum=7" rel="gallery"><img src="fotoMin/smallf730a9070ce3.jpg" height="200" width="200"></a><a id="del" href="action/delete.php?idImages=51&amp;&amp;idAlbum=7" title="Удалить изображение"><div style="display: none;" class="delete"></div></a></div>
<div class="foto"><a class="showFoto" href="slide.php?numberIm=8&amp;&amp;idAlbum=7" rel="gallery"><img src="fotoMin/small60a1e42813a9.jpg" height="200" width="200"></a><a id="del" href="action/delete.php?idImages=52&amp;&amp;idAlbum=7" title="Удалить изображение"><div style="display: none;" class="delete"></div></a></div></div>    	
<!------------Конец альбома--------------->
  </div>

ksa 22.02.2013 14:27

Цитата:

Сообщение от Makkssimka
Почему не работает скрипт

Он работает! :D
Вот только элемент с классом delete не есть родственный элементу с классом showFoto...

ksa 22.02.2013 14:29

Как вариант...

<!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&amp;&amp;idAlbum=7" rel="gallery">
		<img src="fotoMin/smalle368cf478007.jpg" height="200" width="200">
	</a>
	<a id="del" href="action/delete.php?idImages=43&amp;&amp;idAlbum=7" title="Удалить изображение">
		<div class="delete">delete</div>
	</a>
</div>
<!------------Конец альбома--------------->
  </div>
</body>
</html>

Вот это какой-никакой, а тестовый пример.

Makkssimka 22.02.2013 14:31

И как исправить! Чтоб при на ведении только на данный элемент появлялся блок?

Если заменить .showFoto на .foto все равно не работает!

ksa 22.02.2013 14:32

Цитата:

Сообщение от Makkssimka
И как исправить!

См. пример выше...

ksa 22.02.2013 14:34

Цитата:

Сообщение от Makkssimka
id="del"

У тебя такого навалом! Это не правильно, ИД должно быть уникальным на странице...

Makkssimka 22.02.2013 14:43

Все спасибо! Все везде исправил, теперь работает!


Часовой пояс GMT +3, время: 12:54.