Задать вопрос
dobriykot
@dobriykot

JQuery UI Dialog, как повесить событие на нажатие ссылки внутри него?

Сейчас код выглядит так:

<br>
<div id="address-wrapper"><br>
  <a id="address-select" href="#" title="Нажми">Нажми</a><br>
</div><br>
<br>
<div id="dialog-form" title="Выберите ваш город">	<br>
	<label for="search">Поиск</label><br>
	<input type="text" name="search" id="search" class="text ui-widget-content ui-corner-all" /><br>
	<input type="button" name="post" id="search-button" value="Поиск" />		<br>
	<br /><br /><br>
	<div id="results"></div><br>
</div><br>
<br>
<script type="text/javascript">	<br>
	function searchSubmit() {<br>
	$.ajax({ type: "POST", <br>
		 url: "gni_ajax.asp", <br>
		 data: "query=" + $("#search").val(),<br>
		 success: function(data){<br>
                                      $("#results").empty();<br>
		      $("#results").append(data);<br>
		      return false;} <br>
	   });<br>
	};<br>
	<br>
	$('#search').keypress(function(event) {<br>
	    if (event.keyCode == '13') {<br>
		searchSubmit();<br>
	    }		   <br>
	});<br>
	<br>
	$("#search-button").click(function () { searchSubmit(); });<br>
			<br>
	$("#dialog-form").dialog({<br>
		autoOpen: false,<br>
		height: 400,<br>
		width: 400,<br>
		modal: true,<br>
		buttons: {				<br>
			"Отмена": function() {<br>
				$( this ).dialog("close");<br>
			}<br>
		},<br>
		close: function() {<br>
			alert("i'm closing!");<br>
		}<br>
	});<br>
<br>
	$("#address-select").click(function() {<br>
		$( "#dialog-form" ).dialog( "open" );<br>
	});<br>
	<br>
	$(".addr").click(function() {<br>
		alert($(this).text());<br>
		alert(this.id);<br>
<br>
		$("#dialog-form").dialog("close");<br>
	});<br>
	<br>
</script><br>




Надо было мне, чтобы при нажатии на одну из ссылок, возвращенных аяксом (разные числовые id и тексты, один класс .addr, ее текст и значения вставлялись в input. Но добиться этого я не смог. Решил хотя бы посмотреть, что выдаст alert. Но он и того не показал, никакой реакции на нажатие нет. Если вешаю событие на нажатие address-select, то все срабатывает хорошо. Но эти ссылки, внутри диалога которые — не работают. Не то, что алерт, но и сам диалог не закрывается. Даже если указать не ".addr", а просто «a» Проверял в firebug, элементы создаются нормально:

<br>
<a href="#" id="7700000000000" class="addr">Москва г</a><br>


Что с этим делать? Ведь должно работать же!
  • Вопрос задан
  • 6077 просмотров
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 1
t0H
@t0H
WEB разработчик
для навешивания событий на еще не существующие элементы есть вот это bind и live
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы