2

私はこれを理解することはできません。ダイアログボックスはポップアップしません。私はあらゆる種類のことを試しましたが、うまくいきません。これが私のコードです：

<head>
    <script type="text/javascript" src="/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js"></script>
</head>
<body>
<script>
$(function() {
    // Dialog
    $('#dialog').dialog({
            autoOpen: false,
            width: 600,
            buttons: {
                    "Ok": function() {
                            $(this).dialog("close");
                    },
                    "Cancel": function() {
                            $(this).dialog("close");
                    }
            }
    });

    // Dialog Link
    $('#dialog_link').click(function(){
            $('#dialog').dialog('open');
            return false;
    });
});  
</script>

<a href="#" id="dialog_link">Open Dialog</a>

<div id="dialog">This should popup</div>
</body>

ここで何が問題なのですか？どんな助けでも感謝します。

4

6 に答える 6

1

このコードのどこにあるjquery.ui.dialog.jsのですか?????

このファイルをスクリプトタグとしてコードに追加してください....

ここからこのJSファイルを置くことができます：

http://jqueryui.com/ui/jquery.ui.dialog.js

于 2012-05-28T13:54:26.487 に答える
0

<script></script>十分ではありません。する必要があります<script type="text/javascript"></script>

于 2012-05-28T13:56:24.147 に答える
0

script直後のタグがbody欠落していると思いますtype="text/javascript"。すなわち。<body><script type="text/javascript">...

于 2012-05-28T13:56:50.773 に答える
0

の後にスクリプトブロックを含める必要があります

<a href="#" id="dialog_link">Open Dialog</a>
<div id="dialog">This should popup</div>

body 要素の直前にブロックすると、機能するはずです。

見栄えを良くするために、jQuery UI のすべてのスタイルも含める必要があります。

于 2012-05-28T14:04:26.843 に答える
0

私は同じ問題を抱えています。おそらく互換性の問題です。持っているものの代わりに以下を含めてみてください

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.22/jquery-ui.min.js" type="text/javascript"></script>

また、ダイアログを適切に表示するためjquery-ui-1.8.xx.custom.cssに、バージョンに合わせて置き換えましたjquery-ui.min.jsが、Google ajax リンクが見つかりませんでした。

別の解決策を見つけたいのですが、見つけられるかどうかわかりません。

于 2012-11-27T23:27:15.307 に答える