Jquery. Как сделать чтоб созданные элемены первый функией, были доступны из второй.

[zeman2222]

Пример - первая функция добавляет блоки в контейнер, вторая их должна удалять.
делаю так:
<script type="text/javascript">
$(document).ready(function() {
$(".products").click(function(){
var code = $(this).find("img").attr("id");
var name = $(this).find("img").attr("alt");

$("#basket").append("<div class='basket' id='" + code + "'><input type='text' class='qnt' /> " + name + "<img src='droppable-delete.gif' class='delete' alt='Удалить'></div>");
});



$(".delete").click(function () {
$(this).parent().remove();
});

});

</script>

Но функция которая должна удалять не находит созданные блоки.

[nanomyte]

Повесь onclick удаления один раз на сам #basket - событие до него всплывет, и работай с элементом, на котором клик произошел - если у него класс "delete", то делай удаление.

P.S. Функция удаления не работает под любым браузером, или только под IE?

[superduper1]

под любым

[alex2b]

$(".delete").click(function () {$(this).parent().remove();}); - вот здесь обработчик навешивается только на элементы, которые существуют в момент вызова

Чтобы он работал и с созданными позже, нужно сделать так:
$(".delete").live('click',function () {$(this).parent().remove();});

Читайте документацию: http://docs.jquery.com/Events/live