jquery - Jquery ダイアログが 2 回目に開かない

Question

これをすでに回答済みの質問として却下する前に、ご覧ください。他の投稿で提供されているほとんどすべてのソリューションを実装しましたが、うまくいきませんでした。モーダルは最初は完全に開きますが、2 回目は失敗します。

モーダルはここから呼び出されます：

function myFx(id){
  $.ajax(
    {
      type: "POST",
      url: "/mypath",
      data: { ZoneId: id },
      dataType: "json",
      success: function (data) {
        $('#dialog-form').dialog('open');
      }
    },
    error: function (response) {
    }
  });
 }

関数は $(document).ready() 内にあります。firebug にエラーはありません。ボタンをクリックすると、myFx()id: を呼び出して渡します<button onclick="myFx(id)" />。

そして、次のように初期化されました：

var myModal =  $('#dialog-form').dialog(
  {
    autoOpen: false,
    modal: true,
    height: 290,
    width: 475,
    buttons: {
      'Save': function () {
        $.ajax({
          type: "POST",
          url: $("#edit-book").attr('action'),
          data: $("#edit-book").serialize()+'&eZoneId=' +$('#eZoneId').val(),
          dataType: "text/plain",
          success: function (response) {
            var closeDialog = $('#dialog-form').dialog('close');
            $("#grid").load('mypath/ #grid', function () {
            $('tbody > tr:first')
              .effect("highlight", {}, 2000);
        });
      },
      error: function (response) {
        alert(response);
        $('#dialog-form').dialog('close');
      }
    });
  },
  Cancel: function () {
    $('#dialog-form').dialog('close');
  }
});

助けてください。