0

1 つのボタンを使用して複数の jQuery ダイアログを開くにはどうすればよいでしょうか。

<script>
$(document).ready(function() {
    $("#private1").dialog({
    beforeClose: function(event, ui) {
    removeprivate();
   },
    width: 460,
    height: 300,
    closeOnEscape: false,
    hide: "fadeout",
    resizable: false,
    }
    );
  });
</script>
<div id="dialog" title="hi"></div>

リンクをクリックすると1つのダイアログが開き、もう一度クリックすると別のダイアログなどが開きます。

4

2 に答える 2

1 
 $('.button').click(function() {
      $('#dialog').clone().appendTo('body').dialog({
           //your dialog options goes here
      }).dialog('open');
 }));
于 2012-05-21T07:35:37.390 に答える
1 
 function TestMessage(message) {
            $('<div class="TestDialog"></div>').appendTo('body')
                    .html('<div><h6>' + message + '</h6></div>')
                    .dialog({
                        modal: true, title: 'Test message', zIndex: 10000, autoOpen: true,
                        width: 460, height: 300, modal: false, resizable: false, closeOnEscape: false,
                        //hide: "fadeout",
                        beforeClose: function (event, ui) {
                            //removeprivate();
                        },
                        buttons: {
                            Ok: function () {
                                $(this).dialog("close");
                            }
                        },
                        close: function (event, ui) {
                            $(this).remove();
                        }
                    });
        };

        $(document).ready(function () {
            $('#btnTest').live('click', function () {
                TestMessage('Hi!');
            });
        });

ライブ デモについては、次のリンクを参照してください: http://jsfiddle.net/nanoquantumtech/sqdkB/

于 2012-05-21T08:03:41.730 に答える