我在将对话框用作基本功能时遇到问题。这是我的 jQuery 源导入:
<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>
HTML:
<button id="opener">open the dialog</button>
<div id="dialog1" title="Dialog Title" hidden="hidden">I'm a dialog</div>
<script type="text/javascript">
$("#opener").click(function() {
$("#dialog1").dialog('open');
});
</script>
从周围的帖子来看,这似乎是一个库导入问题。我下载了 JQuery UI Core、Widget、Mouse 和 Position 依赖项。
有什么想法吗?
最佳答案
一定要插入完整版的 jQuery UI。你也应该先初始化对话框:
$(function () {
$( "#dialog1" ).dialog({
autoOpen: false
});
$("#opener").click(function() {
$("#dialog1").dialog('open');
});
});
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" />
<button id="opener">open the dialog</button>
<div id="dialog1" title="Dialog Title" hidden="hidden">I'm a dialog</div>
关于javascript - 错误 : TypeError: $(. ..).dialog 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40574173/