JQuery: как сделать обработчик для элемента, создаваемого этим же скриптом?

[swetlana]

Есть кнопка. По нажатию на эту кнопку создаётся элемент:

$(document).ready(function(){
	$("#a_link").click(function(){
		$("body").append('<div id="a_out" />');
…
}); });

Далее нужно, чтобы по клику на этот элемент выполнялась следующая функция.

Если написать:

$(document).ready(function(){
	$("#a_out").click(function(){
…
}); });

то не сработает ибо на момент чтения браузером этого скрипта такого элемента не существует.

А как сделать правильно?

[psywalker]

Какой нибудь window.onload, не?

[swetlana]

новый элемент создаётся значительно позже onload

[s0rr0w]

А как сделать правильно?

Ох уж эти джекверисты... Пучеглазы, мускулисты...

По идее так должно работать

$(document).ready(function(){
	$("#a_link").click(function(){
		$("body").append('<div id="a_out" />').click(function(){
		   …
		});
		…
}); });

[Doka]

Ох уж эти джекверисты... Пучеглазы, мускулисты...

По идее так должно работать

$(document).ready(function(){
	$("#a_link").click(function(){
		$("body").append('<div id="a_out" />').click(function(){
		   …
		});
		…
}); });

А точнее

$(function(){
      $("#a_link").click(function(){
         $("body").append('<div id="a_out" />').live('click',function(){

         });
      });
}

надо использовать live т.к DOM узел создается динамически. jquery.live

[swetlana]

Doka, спасибо.

Именно то, что нужно.

[swetlana]

а точнее, почти то, что нужно.

Правильнее так:

$(function(){
      $("#a_link").click(function(){
         $("body").append('<div id="a_out" />');
         $("#a_out").live('click',function(){
…
         });
      });
}

а то, если $("body").append().live(), то обработчик на body и вешается.

[iandsociety]

$(function(){
  $("#a_link").click(function(){
    $('<div id="a_out" />').click(function(){
      …
    }).appendTo('body');
  });
});

Вот

Edited April 21, 2011 by iandsociety

[Doka]

а точнее, почти то, что нужно.

Правильнее так:

$(function(){
      $("#a_link").click(function(){
         $("body").append('<div id="a_out" />');
         $("#a_out").live('click',function(){
…
         });
      });
}

а то, если $("body").append().live(), то обработчик на body и вешается.

Аа! Ну да, извиняюсь - пропустил ошибочку))