在模板中,我导入了创建对话框的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();
});
对话框显示,调试工具栏可见但是当我单击对话框的“关闭”按钮时,调试工具栏也会消失。此外,当我点击任何面板时没有任何反应。
任何人都可以帮忙吗?