2012-02-03 7 views
6

निम्न कोड फ़ायरफ़ॉक्स, क्रोम और ओपेरा में अपेक्षित jQueryUI मोडल पॉपअप संवाद उत्पन्न करता है। हालांकि, यह इंटरनेट एक्सप्लोरर 9:यह jQueryUI संवाद IE9 में क्यों काम नहीं कर रहा है?

<html><head> 

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script> 

<script type="text/javascript"> 
$(function() { 
    $("#AddUser").dialog({ 
     autoOpen: false, modal: true, height: 'auto', width: 400, 
     buttons: { 
      "Add": function() { 
       alert("Add one!"); 
      } 
     }, 
     close: function() { 
      allFields.val("").removeClass("ui-state-error"); 
     } 
    }); 

    $("#AddUserButton").button().click(function(event) { 
     event.preventDefault(); 
     $("#AddUser").dialog("open"); 
    }); 


}); 
</script> 

</head><body> 

<div id="AddUser" title="Add User">Popup content here</div> 
<input type="submit" id="AddUserButton" /> 

</body></html> 

आईई 9 में #AddUser div एक jQueryUI संवाद नहीं है। क्या कोई ऐसी चीज है जो मुझे याद आ रही है?

EDIT: कोड कोड कोड के करीब अपडेट किया गया।

धन्यवाद।

+0

आपको क्या त्रुटि मिली? –

+0

@ नदिर मुजफ्फर: स्क्रीन पर div सरल दिखाई देता है। – dotancohen

+0

क्या आप अंतिम jquery/jqueryui संस्करण का उपयोग कर रहे हैं? – tcao

उत्तर

10

आप समस्या अनुगामी है "," आईई यह

$("#AddUser").dialog({ 
        autoOpen: false, modal: true >>,<< 
      }); 

इस काम करेंगे पसंद नहीं करता है: html फ़ाइल में DOCTYPE जोड़ने के लिए

$("#AddUser").dialog({ 
        autoOpen: false, modal: true 
      }); 
+0

धन्यवाद, यह उस कोड में ठीक करता है जिसे मैंने पोस्ट किया था! हालांकि उत्पादन कोड में कुछ अन्य विशेषताएं हैं, और उनमें कोई पिछला कॉमा नहीं है। मैंने प्रश्न में कोड अपडेट किया। धन्यवाद। – dotancohen

+1

यह दर्द की पूरी दुनिया बन गया! हालांकि, आपने मुझे पहली बाधा को पीछे छोड़ दिया। धन्यवाद! – dotancohen

+0

कई घंटे खो गए ... बस एक अल्पविराम के लिए .... धन्यवाद! – Bidou

5

प्रयास करें। <!DOCTYPE HTML>

+0

धन्यवाद, वास्तव में समस्या का _one_ था। – dotancohen

1

ठीक है, यह सिर्फ एक अनुमान है, लेकिन प्रकार = "सबमिट करें" कभी कभी यानी पर अजीब है ...

आप की कोशिश की है: <button id="AddUserButton">AddUser</button>

भी मैं कहेंगे "preventDefault" पिछले के रूप में कार्रवाई श्रोता के अंदर कार्रवाई।

+0

धन्यवाद। हालांकि, इस मुद्दे को हल कर लिया गया है, और आईई

0

मुझे संवाद के साथ एक ही समस्या थी और सीएसएस फ़ाइल में निम्नलिखित जोड़ना मेरे लिए काम था।

.ui-widget-overlay 
{ 
     z-index: 0 !important; 
} 
संबंधित मुद्दे