1

ボタンをクリックしたときにダイアログを表示する

私のjs部分で私は持っています

   $('#dialog').dialog({
        autoOpen: false
    });

    $('#create-report').click(function() {
        $('#dialog').dialog('open');
    });

私のhtml部分に私が持っている

<div id="dialog" title="Basic dialog" style="visibility:hidden;">
    <p>hi how are you</p>
</div>

<button id="create-report" >Create new report</button>

何も表示されず、エラーもありません

なぜ？

4

2 に答える 2

1

It's not necessary that you put the style on your div.

Should be like this:

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

Remember the order that you have to load the jquery scripts. First load jquery library and then jquery-ui.

于 2013-10-18T23:00:00.113 に答える
1

最初にダイアログを非表示にするdisplay:none代わりに使用してみてください。visibility:hidden

<div id="dialog" title="Basic dialog" style="display:none;">
    <p>hi how are you</p>
</div>

また、jQuery と jQuery UI が適切にロードされていることを確認してください。このフィドルは動作します: http://jsfiddle.net/E3Pek/

于 2013-10-18T21:55:37.497 に答える