4

ボタンのクリック時にカスタム ダイアログ ボックスをロードしたいのですが、ロードされません。この Web ページでダイアログ ボックスを使用しています。

http://jqueryui.com/dialog/#default

ここに私のコードがあります..

      function click(){
      $(function() {
           $( "#dialog" ).dialog({
            width : 250,
            height: 180,
            modal : true
            });
            });
           }


     <div>
    <button type="button" id="put" onclick="click()">Insert data</button>
     </div>

上記のコードが機能していません..助けてください...

4

5 に答える 5

6

それは正常に動作し、証明リンク
HTML があります:

<div id="dialog">
      <p>THIS IS DIALOG!!!</p>
    </div>

    <button id="opener">Open Dialog</button>

そしてJquery：

$(function() {
    $( "#dialog" ).dialog({
      autoOpen: false
    });

    $( "#opener" ).click(function() {
      $( "#dialog" ).dialog( "open" );
    });
  });
于 2013-04-24T15:47:53.807 に答える
0

セレクターは id を持つ要素を見つけようとしてdialogいますが、持っていないようです。これを試して：

Javascript:

$(document).ready(function ()
{
    function click()
    {
        $('#dialog').dialog({
            autoOpen: false,
            width: 250,
            height: 180,
            modal : true
        });
    }
});

HTML:

 <div id="dialog">
       Your dialog message.
    </div>

    <button type="button" id="put" onclick="click()">Insert data</button>
于 2013-04-24T15:49:10.650 に答える