В чем проблема? скрипт по удалению фото...

  • Автор темы 0Zerg0
  • Дата начала
0

0Zerg0

#1
вот код HTML
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<link rel="stylesheet" type="text/css" href="css/main.css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/function.js" type="text/javascript"></script>
</head>
<body>
<div>
<div class="head">
<span id="span4" class="a">TEST</span>
<span id="span8" class="a">add</span>
</div>
<div class="body" style="clear:both;">
<div id="div1" style="display: block;" class="item div"></div>
</div>
</div>
</body>
</html>
вот код jQ в которой есть ошибка
HTML:
$(function() {
$("#div1").append("<img class=\"delete\"/>");
$("#span4").mouseout(function() {
var img = $("img");
img.attr("src", "i/test.jpg");
return false;
});
$(".delete").click( function() {
$(this).remove(); 
return false;
});
$("#span8").click(function() {
$("#div1").append("<img class=\"delete\"/>");
return false;
});
});

когда я навожу на кнопку TEST то появляется картинка.
потом я щелкаю на картинку и тег img удаляется.
потом я щелкаю на кнопку add два раза и появляются два тега img.
потом я навожу на кнопку TEST то появляются две картинки.

нажимаем на любую картинку и событие должно сработать только на той картинке на которую мы щелкнули. но оно не работает.

в чем ошибка?

для удобства вот Вам ссылка. img
 
V

Vovochka

#2
Дык, епта. Все проще пареной репы.
1) У вас по отработке скрипта создается тег img, ему вешается онклик, и добавляется онклик для кнопки add.
2) В онклик для add создаються img, НО! вновь созданным объектам не вешается онклик, убирающий эти объекты.
:)