откройте диалоговое окно JQuery-UI из radiobutton

Question

У меня есть одна группа радиопереключателей:

<div id="id1">
<input id="pack1" type="radio" class="pack" name="pack" value="OK" />OK
<input id="pack2" type="radio" class="pack" name="pack" value="NG" />NG
</div>

Я хочу, если радиопереключатель, который отмечен id="pack2", появится диалоговое окно модальной формы jquery-ui. Я пытался так, но неработа:

$("#pack2").click(function(){
              $("#mydialog").dialog('open');
              });

Answer 1

Виджет диалога jQuery имеет опцию «автооткрытие», которая по умолчанию верна.

Так что вам не нужно вызывать метод «открытия».Просто сделайте:

$("#pack2").click(function(){
  $("#mydialog").dialog();
});

(Вызывая open, как вы, вы вызываете функцию в диалоге, который не был правильно построен.)

Если вы хотите повторно использоватьдиалоговое окно, вызовите .dialog в своем диалоговом окне div в обработчике документов:

$(document).ready(function() {
  $('#mydialog').dialog({
    autoOpen: false
  });

  // ...

});

Затем вы можете открыть его, как вы сделали.

Ссылка здесь