1

次の単純な div があります。

<div id="dialogg">
    Hello, world!
</div>

いくつかの CSS スタイル:

#dialogg {
    display: none;
}

JQuery コード:

<script src="assets/js/jquery-1.9.1.min.js"></script>
<script src="assets/js/jquery-ui-1.10.2.custom.js"></script>
<script src="assets/js/jquery-ui-1.10.2.custom.min.js"></script>
<script type="text/javascript">
    $(function() {
        $('#dialogg').dialog({
            autoOpen: false;
            width: 400;
        });
        $('#dialogg').dialog('open');
    });
</script>

しかし、ダイアログが表示されません! どうすれば修正できますか？どうしたの？

アップデート：

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Исторический турнир</title>
    <link rel="stylesheet" type="text/css" href="assets/css/main-styles.css">
    <link rel="stylesheet" type="text/css" href="assets/css/departments-page-styles.css">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
    <script src="assets/js/jquery-1.9.1.min.js"></script>
    <script src="assets/js/jquery-ui-1.10.2.custom.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $('#dialogg').show();
            $('#dialogg').dialog({
                autoOpen: false;
                width: 400;
            });
            $('#dialogg').dialog('open');
        });
    </script>
</head>

しかし、このコードはまだ機能しません。

4

4 に答える 4

2

これを試してください：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

そして試してみてください： $("#dialogg").dialog();

<script>
 $(function() {
   $( "#dialogg").dialog();
 });
</script>

デモを見る

jquery サイトの例

于 2013-04-09T08:31:53.480 に答える
0

そこに2つのui.jsスクリプトは必要ありません.1つを削除します..そして、cssファイルをロードするのを忘れたようです

これをスクリプトの上に追加します。

 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />

したがって、完全なコードは

 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="assets/js/jquery-1.9.1.min.js"></script>
<script src="assets/js/jquery-ui-1.10.2.custom.min.js"></script>
<script type="text/javascript">
$(function() {
    $('#dialogg').dialog({
        autoOpen: false;
        width: 400;
    });
    $('#dialogg').dialog('open');
});
</script>
于 2013-04-09T07:55:55.087 に答える
0

これも間違っています：

$('#dialogg').dialog({
  autoOpen: false;
  width: 400;
});

そのはず：

$('#dialogg').dialog({
  autoOpen: false,
  width: 400
});
于 2013-10-23T15:17:52.907 に答える
0

選択しているブラウザが存在しない場合、ブラウザに関する限り、HTMLドキュメントが完全にロードされるのを待っている$('#dialog')わけではありません。<script>...</script>htmlの下部を使用するか、関数を追加することができます$('document').ready(function(){..});

于 2013-04-09T07:57:25.963 に答える