在模板中,我导入创建对话框的 jquery、jqueryUI 和 java 脚本代码:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}/css/jquery-ui-1.9.2.custom.css"/>
<script type="text/javascript" src="{{ STATIC_URL }}/js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}/js/jquery-ui-1.9.2.custom.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}/js/my_script.js"></script>
</head>
<body>
<div id="bla" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized
and closed with the 'x' icon.</p>
</div>
</body>
</html>
my_script.js 的内容:
$(function() {
$( "#bla" ).dialog();
});
对话框出现,调试工具栏可见,但是当我单击对话框的“关闭”按钮时,调试工具栏也会消失。此外,当我单击任何面板时,什么也没有发生。
有人能帮忙吗?