Django调试工具栏与jquery UI冲突

时间:2012-12-11 18:36:14

标签: jquery django jquery-ui conflict django-debug-toolbar

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

对话框显示,调试工具栏可见但是当我单击对话框的“关闭”按钮时,调试工具栏也会消失。此外,当我点击任何面板时没有任何反应。

任何人都可以帮忙吗?

0 个答案:

没有答案