2012-10-16 12 views
6

मेरे पास 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> 

कृपया .. मैं क्यों संवाद के लिए एक त्रुटि है ???

उत्तर

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

आप jQuery कोर का संदर्भ दे रहे हैं, लेकिन jQuery UI स्वयं ही नहीं।

मेरा मानना ​​है कि dialog समारोह केवल jQuery यूआई में मौजूद है, तो आप भी अपने पृष्ठ के लिए निम्नलिखित जोड़ने के लिए की आवश्यकता होगी:

<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

लेकिन इस लाइब्रेरी के साथ मुझे एक त्रुटि अधिक या अधिक है क्योंकि मेरे पास यह है: संदर्भ त्रुटि: परिवर्तनीय नहीं मिल सकता: वाक्य संख्या में jQuery 5 –

+1

और काम नहीं कर रहा है ... –

+1

आपको jQuery स्क्रिप्ट के बाद jQuery UI स्क्रिप्ट डालना होगा - मैं अपना उदाहरण स्पष्ट कर दूंगा ... – Fenton

2

मैं एक ही समस्या थी। मैंने एक ही वेबपृष्ठ पर jQuery को दो बार शामिल किया (jQuery तो jQuery UI फिर jQuery, और यह मुझे परेशानी का कारण बनता है (वास्तव में .dialog पर एक ही समस्या)

संबंधित मुद्दे