TypeError： '未定義'は関数ではありません（ '$（ "#wnd_Addparam"）.dialog'）

私はこの例を2ヶ月間で持っていました。今、これはもはや動かないようです。これは、（前に）ボタンを押すことによって小さなウィンドウのダイアログをロードする例です。しかし、それは動作しません... これは私のコードです：

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
// <---- VENTAÑAS DE PARAMETERES----> 

var regex,v,l,c,b; 
$("#wnd_Addparam").dialog({ 
      autoOpen: false, 
      height: 'auto', 
      width: 350, 
      modal: true, 
      resizable:false, 
      buttons: { 
       "Add": function() { 
           $(this).dialog("close"); 
            }, 
       Cancel: function() { 
        $(this).dialog("close"); 
       } 
      }, 
      close: function() { 
       $(this).dialog("close"); 
      } 
     }); 

     $("#btn_Addpar").click(function() { 
       $("#wnd_Addparam").dialog("open"); 
      }); 
$("#wnd_Paramedit").dialog({ 
      autoOpen: false, 
      height: 'auto', 
      width: 350, 
      modal: true, 
      resizable:false, 
      buttons: { 
       "Accept": function() { 
         $(this).dialog("close"); 

       }, 
       Cancel: function() { 
        $(this).dialog("close"); 
       } 
      }, 
      close: function() { 
       $(this).dialog("close"); 
      } 
     }); 

     $("#btn_Pedit").click(function() { 
       $("#wnd_Paramedit").dialog("open"); 
      }); 
$("#wnd_Borpara").dialog({ 
      autoOpen: false, 
      height: 'auto', 
      width: 300, 
      resizable:false, 
      modal: true, 
      buttons: { 
       "Accept": function() { 
        $(this).dialog("close"); 

       }, 
       Cancel: function() { 
        $(this).dialog("close"); 
       } 
      }, 
      close: function() { 
       $(this).dialog("close"); 
      } 
     }); 

     $("#btn_Deletepara").click(function() { 
       $("#wnd_Borpara").dialog("open"); 
      }); 

</script></head> 
<!--<form method="POST" id="iformp" name="nformp">--> 
<body> 
<h3>List of parameters</h3> 
<div id="sortparam" > 
</div> 
<input type="button" id="btn_Addpar" value="Add"/> 
<input type="button" id="btn_Deletepara" value="Delete"/> 
<input type="button" id="btn_Pedit" value="Edit"/> 
<!--<form>--> 

</body> 

</html>

してください..私はダイアログのエラーを持っているのはなぜ？

出典

2012-10-16 Anonymous

Now use this code simple.... 


<html> 
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script> 
    <script type="text/javascript"> 
    // <---- VENTAÑAS DE PARAMETERES----> 
    $(document).ready(function() { 
    var regex,v,l,c,b; 
    $("#wnd_Addparam").dialog({ 
       autoOpen: false, 
       height: 'auto', 
       width: 350, 
       modal: true, 
       resizable:false, 
       buttons: { 
        "Add": function() { 
            $(this).dialog("close"); 
             }, 
        Cancel: function() { 
         $(this).dialog("close"); 
        } 
       }, 
       close: function() { 
        $(this).dialog("close"); 
       } 
      }); 

      $("#btn_Addpar").click(function() { 
        $("#wnd_Addparam").dialog("open"); 
       }); 

    }); 
    </script> 
    </head> 
    <!--<form method="POST" id="iformp" name="nformp">--> 
    <body> 
    <h3>List of parameters</h3> 
    <div id="sortparam" > 
    </div> 
    <input type="button" id="btn_Addpar" value="Add"/> 

    <!--<form>--> 

    </body> 

    </html>

出典

2012-10-16 08:49:11

jQueryコアは参照していますが、jQuery UI自体は参照していません。

私はdialog機能のみjQueryのUIに存在するので、あなたもあなたのページに以下を追加する必要があると考えている：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script> 

<script type="text/javascript"> 
// <---- VENTAÑAS DE PARAMETERES----> 
$(document).ready(function() { 
    var regex,v,l,c,b; 
    $("#wnd_Addparam").dialog({ 
     // Your code... 
}

出典

2012-10-16 08:10:28 Fenton

このライブラリでは、 ReferenceError：文番号5の変数jQueryを見つけることができません –

そして機能していません... –

jQueryスクリプトの後にjQuery UIスクリプトを置く必要があります - 私は私の例を明示します... – Fenton

私は同じ問題を抱えていました。私はjQueryを同じWebページに2回追加しました（jQueryとjQuery UIの間にjQueryがありますが、これは私のトラブル（.Dialogの問題とまったく同じです）。

出典

2014-06-27 07:34:46 clement

TypeError： '未定義'は関数ではありません（ '$（ "#wnd_Addparam"）.dialog'）

答えて

関連する問題