1

在模板中,我导入创建对话框的 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();
});

对话框出现,调试工具栏可见,但是当我单击对话框的“关闭”按钮时,调试工具栏也会消失。此外,当我单击任何面板时,什么也没有发生。

有人能帮忙吗?

4

0 回答 0