Question

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

<button id="opener">open the dialog</button>
<div id="dialog" title="Dialog Title">I'm a dialog</div>
<script>
    $( "#dialog" ).dialog({ autoOpen: false });
    $( "#opener" ).click(function() {
    $( "#dialog" ).dialog( "open" );
    });
</script>

这是我的进口商品：

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

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

谢谢，

Answer 1

dialog没有构建到jQuery中 - 它是jQuery UI的一部分，它是jQuery的扩展 - http://jqueryui.com/dialog/。

此外，您似乎要导入3个不同版本的核心jQuery代码，这可能会导致问题。

所以这可能就是你要找的东西（在将jQuery UI下载到你的脚本文件夹之后）：

<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>

然后使用open()方法打开它：

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

在jQuery中打开弹出对话框不起作用

1 个答案: