Задача диалогового окна jQuery

Когда я добавляю строку для добавления диалога, моя фактическая страница исчезает. Может ли кто-нибудь сказать мне, что я делаю неправильно?Задача диалогового окна jQuery

$(function(){   
     //when I open this line, my page disapperars?  
     $("#dialog").dialog({ autoOpen: false, modal: true }); 

    }); /**FUNCTION CLOSED*/ 

    <div id="dialog" title="Delete Record" style="display: none"> 
      <p><span style="float:left; margin:0 7px 20px 0;"></span>Are You Sure?</p> 
    </div>

источник

2010-12-30 user403295

что говорит диалоговое окно ошибки? используйте веб-инспектор или firebug, чтобы выяснить, в чем проблема ... – sethvargo

Правильно отформатируйте свой код, используя кнопку '{}'. – SLaks

Что вы подразумеваете под 'open this line'? –

Проверьте HTML вашей страницы с помощью Firebug, чтобы увидеть, если разметка фактически удаляется или если это просто прячась от вашего диалога.

Если вы не видите, что происходит (и на основе довольно маленького фрагмента кода), возможно, что, объявив ваше диалоговое окно модальным, jQueryUI устанавливает фоновое изображение или фоновый цвет, что делает остальную страницу такой, как хотя он был удален. Появляется ли диалог?

Если вы видите какие-либо предупреждения JavaScript, возможно, включите их в свой исходный пост.

источник

2010-12-30 02:37:08

Попробуйте

<html> 
<head> 
<title>Test</title> 
    <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.7.custom.css"> 
<script type="text/javascript" src="jquery-1.4.4.js"></script> 
<script type="text/javascript" src="jquery-ui-1.8.7.custom.min.js"></script> 
<script type="text/javascript"> 

    $(function(){ 
    //when I open this line, my page disapperars? 
    $("#dialog").dialog({ autoOpen: true, modal: true }); 

    }); /*FUNCTION CLOSED*/ 

    function openDialog(){ 
     $("#dialog").dialog({ autoOpen: true, modal: true }); 
    } 
</script> 
</head> 
<body> 
    <p>Para</p> 
    <a href="#" onclick="openDialog();">Open Dialog</a> 
    <div id="dialog" title="Delete Record" style="display: none"> 
     <p><span style="float:left; margin:0 7px 20px 0;"></span>Are You Sure?</p> 
    </div> 
</body> 
</html>

источник

2010-12-30 02:43:17

Эндрю, это в значительной степени то, что я хочу. Но не открывает диалог. вы попробовали? Фактически, я хочу, чтобы диалоговое окно подтверждения выглядело следующим образом: http://jqueryui.com/demos/datepicker/#method-option. Спасибо за ответ ... – user403295

Не уверен, что я правильно понимаю ваши требования, вы хотите диалог появляется, когда страница загружается или когда происходит какое-то другое событие? Вы действительно видите, что диалог появляется из вышеуказанного кода? Вы всегда можете запустить диалог, чтобы открыть, используя $ ("#dialog") .dialog ('open'); –

Я не вижу диалог, я запускаю ваш код на отдельной странице html. В моем коде, когда я добавляю эту строку ($ ("#dialog") .dialog ('open');) rigth после $ (function() {, моя фактическая страница исчезает. Я не понимаю, что не так. If это работает, я буду перемещать этот диалог под ссылкой, как это было в примере кода. Я использую ui js, jquery js и почти все в порядке. – user403295

Задача диалогового окна jQuery

ответ

Смежные вопросы