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