2012-10-16 7 views
6

Ich hatte dieses Beispiel von 2 Monaten und ich habe den PC gewechselt. Das scheint jetzt nicht mehr zu funktionieren. Dies ist ein Beispiel, das einen kleinen Fensterdialog durch (vor) Drücken einer Taste laden soll. Allerdings funktioniert es nicht ... Dies ist mein Code:

<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> 

Bitte .. Warum ich für den Dialog einen Fehler tun haben ???

Antwort

1
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> 
4

Sie verweisen auf den jQuery-Kern, aber nicht auf die jQuery-UI selbst.

Ich glaube, die dialog Funktion existiert nur in jQuery UI, so dass Sie würde auch die folgenden zu Ihrer Seite hinzufügen müssen:

<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... 
} 
+1

Aber mit dieser Bibliothek habe ich einen Fehler mehr oder am meisten, weil ich das habe: ReferenceError: Variable kann nicht gefunden werden: jQuery in Satznummer 5 –

+1

Und keine Funktion ... –

+1

Sie müssen das jQuery UI Skript nach dem jQuery Skript einfügen - ich werde mein Beispiel explizit machen ... – Fenton

2

ich hatte das gleiche Problem. Ich habe jQuery zweimal auf der gleichen Webseite (jQuery dann jQuery UI dann jQuery, und es verursacht mir Probleme (genau das gleiche Problem auf der .Dialog)

Verwandte Themen