Показать сообщение отдельно
  #1 (permalink)  
Старый 01.11.2011, 11:18
Новичок на форуме
Отправить личное сообщение для rafic Посмотреть профиль Найти все сообщения от rafic
 
Регистрация: 01.11.2011
Сообщений: 3

в содержимом окна FancyBox не работает событие .click()
Создаю окно.
$(document).ready(function ()
{
	$("#modal_box").fancybox({
		imageScale : false,
		overlayShow : true, // затемнять фон
		hideOnOverlayClick :false, // клик вне окна
		hideOnContentClick: false, // клик по окну
		centerOnScroll : false,
		titleShow: false // не выводить тайтл
	});
});

в него грузится ХТМЛ форма добавления юзера. Пример:
<input type="text" id="user_name" style="width:300px"/>
<input type="text" id="user_password" style="width:300px"/>
<input type="text" id="start_date" name="start_date" style="width:300px"/>
<input type="submit" value="Добавить" onClick="AddNewUser();" id="add_button"/>

В этой форме к полю
<input type="text" id="start_date" name="start_date" style="width:300px"/>

привязан плагин .datepicker() :
$(function() {
var DateFormat = {	
						nextText : "&raquo;", prevText : "&laquo;", currentText : "Today", monthNames : ["Январь", 
						"Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", 
						"Декабрь"], monthNamesShort : ["Янв", "Фев", "Мар", "Апр", "Май", "Июн", "Июл", "Авг", "Сен", 
						"Окт", "Ноя", "Дек"], dayNames : ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", 
						"Пятница", "Суббота"], dayNamesShort : ["Вос", "Пон", "Вто", "Сре", "Чет", "Пят", "Суб"], 
						dayNamesMin : ["Вс", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб"], dateFormat : "dd/mm/yy", firstDay : 0, 
						isRTL : false
					};
$("#start_date").datepicker(DateFormat);
});

Событие .click() не работает, соответственно и модуль тоже.

Иду дальше и для проверки я просто создаю событие .ckick() любой объект подгружаемый в модальное окно. На кнопку отправления данных в обработчик
<input type="submit" value="Добавить" onClick="AddNewUser();" id="add_button"/>

я вешаю событие
$(document).ready(function (){
	$("#modal_box").fancybox({
		imageScale : false,
		overlayShow : true, // затемнять фон
		hideOnOverlayClick :false, // клик вне окна
		hideOnContentClick: false, // клик по окну
		centerOnScroll : false,
		titleShow: false // не выводить тайтл
	});

	$("#add_button").click(function(){
 	   alert('рабоает!');
	});
 });

и опять не работает. Возникает вопрос - почему?
Данные не в iframe и, по идее, все должно быть нормально, но увы это не так.
Может ли быть причина в том, что я склеиваю код JS из разных файлов?
т.е. у меня несколько
$(document).ready(function (){ ... });
Ответить с цитированием