jquery - jquery属性のコントロールとボタンのクリック

Question

   <script type="text/javascript">
        $(function () {
            $('form').submit(function () {
                $.ajax({

                    url: this.action,
                    type: this.method,
                    data: $(this).serialize(),
                    success: function (result) {
                        $('#popUp').html(result);
                    }
                });
                return false;
            });
        });
</script>
 <script type="text/javascript">
     $(function () {
         $('form').submit(function () {
             $("#popUp").dialog(
             {
                title: $(this).attr("data-dialog-title"),
                 minWidth: 500,




             );

         });
     });


    </script>

上記のコードは、挿入ページでボタンクリック用のポップアップボックスを提供しましたが、サイズ変更可能、モーダル:true、falseなどのポップアップボックスの属性を制御するにはどうすればよいですか?また、別のボタンクリックでこのポップアップを閉じるにはどうすればよいですか? _error と呼ばれる部分ビュー。

Answer 1

これは、私と同じように機能するはずです。ページにこのスクリプトを入力するか、テストページを作成して、少し試してみてください。

<script>
        $("#dialog-confirm").dialog({
            resizable: true,
            height: 340,
            width: 600,
            autoOpen: false,
            modal: true,

            buttons: {
                Cancel: function () {
                    $(this).dialog("close");
                }
            }
        });

</script>

これは、ページにあるはずのこれと同様のdivを操作する必要があります。

<div id="dialog-confirm" title="Confirm?">
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>
        Confirm.<br />
        <div class="preview">
            Message...

        </div>
        <br />Confirm?</p>
</div>

http://www.jquery.comのダイアログドキュメントを使用してこれを見つけました

ボタンの名前は、次のように適切と思われる名前に置き換えることで変更できます。

Cancel: function () {
    $(this).dialog("close");
}

になります：

"New value here": function () {
    $(this).dialog("close");
});

Answer 2

<script type="text/javascript">

 $(function () {
     $('form').submit(function () {
         $("#popUp").dialog(
         {
            title: $(this).attr("data-dialog-title"),
             minWidth: 500,
             modal: true/false,
             resizable: true/false,
             buttons: { "Ok": function() { $(this).dialog("close"); }
         );
     });
 });

</script>