5

ボタンのクリックでjqueryダイアログを起動しようとしていますが、機能していないようです。どんな助けでも大歓迎です：

    $('#wrapper').dialog({
        autoOpen: false,
        title: 'Basic Dialog'
    });
    $('#opener').click(function() {
        $(this).dialog('open');
        return false;
    });
    
    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"></script>
<button id="opener">Open the dialog</button>
    <div id="wrapper">
    <p>Some txt goes here</p>
    </div>

ありがとう！

4

3 に答える 3

8

この行

$(this).dialog('open');  // this here corresponds to the #opener div

察するに

$('#wrapper').dialog('open');

また、追加の中かっこ..これがDOM Ready ハンドラー}); の閉じ中かっこである場合は無視できます

フィドルをチェック

于 2012-11-27T20:27:09.537 に答える
3

以下の例のように、jQueryおよびjQueryUIライブラリを参照していることを確認してください。

これを試して：

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
        <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" media="all" />

        <script type="text/javascript">
            $(document).ready(function() {

                $('#wrapper').dialog({
                    autoOpen: false,
                    title: 'Basic Dialog'
                });
                $('#opener').click(function() {
                    $('#wrapper').dialog('open');
//                  return false;
                });
            });
        </script>
    </head>
<body>

<button id="opener">Open the dialog</button>
<div id="wrapper">
    <p>Some txt goes here</p>
</div>
于 2012-11-27T20:31:04.317 に答える