5

jqueryを使用してダイアログを作成しようとしましたが、onclickではポップアップするだけでなく、クリックしたときにのみ実行することに成功しませんでした。

<script type="text/javascript"> 
$.ui.dialog.defaults.bgiframe = true;
$(function() {
    $("#dialog").dialog();
});
</script>

と

<div id="dialog" title="Basic dialog">
    <p>hi how are you</p>
</div>

そして見栄えの良いボタンのために

<button id="create-user" class="ui-button ui-state-default ui-corner-all">Profiel Matthijs</button>

これらの例を使用してみました

http://jqueryui.com/demos/dialog/
http://jqueryui.com/demos/dialog/#modal-form

#create-user ボタンをクリックしてこれを機能させる方法を誰もが知っています。私は JavaScript があまり得意ではありません。

ありがとうマティー

4

1 に答える 1

6

autoOpen作成時にダイアログが開かないように、オプションを falseに設定する必要があります。

ボタンがクリックされたときに開くには、open メソッドを呼び出します。

<script type="text/javascript"> 
    $.ui.dialog.defaults.bgiframe = true;
    $(function() {
        $('#dialog').dialog({
            autoOpen: false
        });
        $('#create-user').click(function() {
            $('#dialog').dialog('open');
        });
    });
</script>
于 2009-07-30T00:36:16.563 に答える