Uncaught TypeError：$（...）ダイアログボックスを作成するときにダイアログが関数エラーではない

Question

ダイアログボックスを開くonlickイベントを作成しようとしていますが、Uncaught TypeError：$（...） .dialogは関数エラーではありません。

$("#dialog").dialog({ 

へ

HTML

   <div class="form-group required"> 
        <input type="button" value="Button " id="add" /> 
       </div> 
       <div id="dialog" hidden="hidden"> 
        Hiiii 
       </div> 

jQueryの

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

       $("#add").click(function() { 
       $("#dialog").dialog('open'); 
       }); 
      }); 

デバッガポイントエラー

Answer 1

の源であるとして、本体の終了前に、あなたのjqueryのコードを追加します。タグ。

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

        $("#add").click(function() { 
        $("#dialog").dialog('open'); 
        }); 
       }); 
    </script> 

</body>