Question

我正在尝试打开一个弹出窗口，开始做基本的事情，但是在页面加载时显示对话框，加上按钮不会触发任何内容。

$(document).ready(function() {
        $( "#dialog" ).dialog({ autoOpen: false });
        $( "#opener" ).click(function() {
            $( "#dialog" ).open();
        });
    });

以下是我的要素：

<button id="opener">open the dialog</button>
<div id="dialog" title="Dialog Title" hidden="hidden">I'm a dialog</div>

这是我的进口商品：

<script type="text/javascript" src="scripts/jquery-1.9.1.js"></script>
<script type="text/javascript" src="scripts/jquery-ui-1.11.1.js"></script>
<script type="text/javascript" src="scripts/json.debug.js"></script>

jquery-ui-1.11.1.js仅包含Core而不包含Widget，Mouse和Position。

我做错了什么或忘了导入？

谢谢，

Answer 1

点击以打开对话：

 $( "#opener" ).click(function() {
  $('#dialog').dialog('open');
 });

因为您需要在页面加载时显示此内容，所以也请在dom ready事件中写入$('#dialog').dialog('open');。

<强> Working Demo

Answer 2

从依赖关系到dialog API页面的顶部，需要以下内容：

UI Core
小工具厂
位置
按钮

以下是可选的：

可拖动（可选;与draggable选项一起使用）
可调整大小（可选;与可调整大小选项一起使用）
效果核心（可选;用于显示和隐藏选项）

如果你的jquery-ui-1.11.1.js只包含Core，那可能就是为什么它不适合你。

JQuery打开弹出对话框无效

2 个答案: