ui dialog

lolka84 · August 17, 2012

Всем привет.


	$(function(){

		// Dialog
		$('#dialog').dialog({
			autoOpen: false,
			width: 600,
		});

		// Dialog Link
		$('#dialog_link').click(function(){
			$('#dialog').dialog('open');
			return false;
		});

		//hover states on the static widgets
		$('#dialog_link, ul#icons li').hover(
			function() { $(this).addClass('ui-state-hover'); },
			function() { $(this).removeClass('ui-state-hover'); }
		);

	});


<p><a href="#" id="dialog_link">Open Dialog</a></p>
    <div id="dialog" class="myDialog">

        <p>Тут уже основной контент будет</p><script>alert("test");</script>

    </div>

Почему alert срабатывает 2 раза?? :blink: :dash:

Вживую - http://mytavatuy.ru/dialog/main.html

Edited August 17, 2012 by lolka84

wwt · August 17, 2012

первый раз при загрузке страницы, второй раз когда jquery переносит контент из блока dialog в макет диалога ui скрипты пихаются в eval.

lolka84 · August 18, 2012

Спасибо, а как сделать, что б оно только раз срабатывало ?

wwt · August 18, 2012

если нужно чтоб срабатывало при открытии диалога http://jsfiddle.net/WHJNt/

если нужно чтоб срабатывало при загрузке страницы, а не при открытие диалога http://jsfiddle.net/WHJNt/1/

lolka84 · August 18, 2012

Спасибо

UPD.

Другая фишка вылезла :dash:


    <div id="dialog" class="myDialog">

        <p>Тут уже основной контент будет</p>
        <input type="checkbox" name="name" value="0">
        <script>
        $("input").click(function(e) {

			if (confirm("Подтверждаете удаление?")) {

				return false;

			}

			else {

				$(this).removeAttr("checked","checked");

			}

		});
		</script>
    </div>

Объясните дураку, почему confirm то 2 раза срабатывает???! :dash: :dash: :dash:

Вынести в <head> желательно не предлагать, хотелось бы, что б работало именно в теле окна.

Вживую опять же по ссылке http://mytavatuy.ru/dialog/main.html

Edited August 18, 2012 by lolka84

lolka84 · August 22, 2012

Вынужден апнуть тему, ибо реально проблема.

Вешаю на клик по кнопке ajax запрос - он выполняется 2 раза, следовательно и данные заносятся в БД тоже 2 раза :dash: Что делать то с этим ??

lolka84 · August 22, 2012

Как не странно помогло добавление строки $("input").unbind("click"); :unsure:

wwt · August 22, 2012

Вы видимо усердно пихаете свой код в тело диалога, вместо того чтобы использовать события самого диалога.

lolka84 · August 22, 2012

Ну да.



....

open: function(){
myFunc();
return true;
}

...

Если скажете, как сюда запихать события $("...").click() - буду благодарен

wwt · August 22, 2012

http://jsfiddle.net/WHJNt/2/

Не стоит злоупотреблять распихиванием скриптов в каждый функциональный блок )) Это следует делать только когда это действительно нужно. В остальных случаях лучше собрать все скрипты по тематике и прилинковать одним файлом к странице )

Если в окне диалога ui должна быть форма которую тебе нужно отправить на сервер с помощью ajax то обычно делают вот так http://jsfiddle.net/WHJNt/5/ стандартные кнопки диалога и твой обработчик при нажатии.

И почитай документацию http://jqueryui.com/demos/dialog/#modal-form

Edited August 22, 2012 by wwt

lolka84 · August 22, 2012

Спасибо, стало намного понятнее

Sign In

ui dialog

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information