单击按钮时显示一个对话框

display a dialog when i click a button

本文关键字：一个 对话框 按钮 显示 单击      更新时间：2023-09-26

y 在单击按钮时显示对话框

在我的 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>

没有显示任何内容，我没有任何错误

为什么？

尝试使用 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/

没有必要将样式放在div 上。

应该是这样的：

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

请记住加载 jquery 脚本的顺序。首先加载 jquery 库，然后加载 jquery-ui。

相关文章：