Невозможно открыть JQuery Dialog

У меня есть кнопка в моем HTML, как только вы нажмете на кнопку, я хочу открыть JQuery Dialog. У меня есть версия кода, которая отлично работает, но я просто хочу реорганизовать код, кажется, что с ней что-то не так, поскольку диалог больше не отображается.Невозможно открыть JQuery Dialog

версия, которая работает:

<script type="text/javascript"> 
$(function() { 
    $('#dialog_trigger').on("click", function() { 
     $('#dialog').load('index.php', function() { 
      $('#dialog').dialog({ 
      *********(somehow I must remove 'autoOpen: false' here, otherwise it also stops working) ******** 

       position: 'center', 
       width : 480, 
       height : 320, 
       modal : true 
      }); 

     }); 
     }); 
    }); 

</script> 

<body> 
<button id="dialog_trigger">Click me</button> 
<div id="dialog"></div> 
</body>

код, который не работает:

<script type="text/javascript"> 
$(function() { 
    $('#dialog_trigger').on("click", function() { 
     $('#dialog').load('index.php', function() { 
      $('#dialog').dialog("open") 
     }); 
    }); 

    $('#dialog').dialog({ 
    autoOpen: false, 
    position: 'center', 
    width : 480, 
    height : 320, 
    modal : true 
    }); 

}); 

</script> 

<body> 
<button id="dialog_trigger">Click me</button> 
<div id="dialog"></div> 
</body>

Пожалуйста, помогите мне исправить это, спасибо.

источник

2013-07-18 user1453951

'$ ('# диалоговое окно') .dialog ("") 'I не думайте, что это правильно, что вы на самом деле пытаетесь сделать там? – Ohgodwhy

opps, извините, ошибка копирования, изначально это $ ('# dialog'). Dialog ("open"). починил это. – user1453951

Прежде всего, переместите подпись для dialog за пределы события click.

Тогда в случае щелчка вы можете использовать

$('#dialog').dialog("open")

, чтобы показать диалоговое

Check Fiddle

Код

$('#dialog_trigger').on("click", function() { 
     $('#dialog').load('index.php').dialog("open") 
    }); 

    $('#dialog').dialog({ 
    autoOpen: false, 
    position: 'center', 
    width : 480, 
    height : 320, 
    modal : true 
    });

источник

2013-07-18 00:35:21

Произошла ошибка копирования до этого, я вызываю диалог «$ ('# dialog»). («Открывать») внутри события click и определяю диалог снаружи. Однако это не работает, я имею в виду, что после нажатия кнопки ничего не происходит. – user1453951

и Sushanth, я хочу загрузить веб-страницу в диалоговом окне, пожалуйста, посмотрите мою первую версию кода, можете ли вы помочь исправить вторую в соответствии с тем, что я хочу в первом? – user1453951

@ user1453951 .. Почему бы вам не попробовать этот '$ ('# dialog'). Load ('index.php'). Dialog (" open ")' –

Невозможно открыть JQuery Dialog

ответ

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