2012-05-28 11 views
12

पर कक्षा जोड़ने के मुद्दे मैं dialogClass संपत्ति के साथ अपने jQuery संवाद में एक अतिरिक्त कक्षा जोड़ने की कोशिश कर रहा हूं।jquery ui संवाद

$(function(){ 
    $("#toogleMAmaximized").dialog({ 
      title: 'Missions and Achivments', 
      autoOpen: false, 
      height: 500, 
      width: 700, 
      modal: true, 
      dialogClass: 'noPadding', 
      buttons: { 
        Cancel: function() { 
          $(this).dialog("close"); 
        } 
      }, 
      close: function() { 
        allFields.val("").removeClass("ui-state-error"); 
      } 

    }) 
    $("#toogleMAminimized").click(function() { 
      $("#toogleMAmaximized").dialog("open"); 
      $("#toogleMAmaximized").dialog({dialogClass:'noPadding'}); 
    }); 
}) 

<div id="toogleMAminimized" style="" class="noPadding"> 
<div class="" style="cursor: pointer;position: absolute;right: 0;top: 45px;"><img src ="images/MAminimized.png" alt="missions and achivments"/></div> 
</div> 

बस मामले में आप इसे ज़रूरत है, मेरी html कोड

<div id="toogleMAmaximized" > 
<div id="missions"> 
    <div id="mission1" missiontitle="A new home!" missionpoint="1" missionicon="images/missions/icon/anewhome-icon.png" missionimage="images/missions/anewhome.png" made="f" class="mission notDone"> </div> 
</div> 
<div id="achivments"> 
    <div id="achivment1" achivmenttitle="Lucha sin cuartel!" achivmentpoint="10" achivmenticon="images/achivments/icon/1.png" achivmentimage="images/achivments/icon/luchasincuartel-plata-ico.png" made="t" class="achivment done"> </div> 
</div> 
</div> 

आप देख सकते हैं, मैं कई मायनों में वर्ग को जोड़ने के लिए कोशिश की है में, मैं सभी की कोशिश की है: यहाँ जावास्क्रिप्ट है संभावित संयोजन लेकिन एक ही परिणाम प्राप्त करना जारी रखें: noPadding वर्ग

+0

'dialogClass' [मेरे लिए काम करता है] (http://jsfiddle.net/QHJKm/)। आपका कोड [मेरे लिए भी काम करता है] (http://jsfiddle.net/QHJKm/1/)। – Sampson

+0

'jQuery UI' का संस्करण क्या है? मैं 'jQuery यूआई 1.8.16' का उपयोग कर रहा हूँ। बस इसे इस्तेमाल किया 1.8.18 मुझे यह जांचने दो। Ty! –

+0

[यह काम करता है] (http://jsfiddle.net/QHJKm/3/) 1.8.16 के साथ भी। – Sampson

उत्तर

10

आपकी noPadding कक्षा को सफलतापूर्वक संवाद में जोड़ा जा रहा है। मैंने अपनी मार्कअप और स्क्रिप्ट को एक पहेली के अंदर रखकर और jQuery UI 1.8.16 (जिस संस्करण के साथ आप परीक्षण कर रहे थे) लोड करके इसकी पुष्टि की है। यह परीक्षण http://jsfiddle.net/QHJKm/3/ पर ऑनलाइन उपलब्ध है।

मुझे संदेह है कि यहां भ्रम की संभावना अपेक्षित प्रभाव noPadding के साथ संवाद पर है। यह हो सकता है कि आपने प्रभाव की कमी को एक संकेत के रूप में व्याख्या की जिसे इसे शुरू करने के लिए जोड़ा नहीं गया था। जैसा कि आप मेरे उदाहरण में नोट करेंगे, मुझे एक लाल रंग की पृष्ठभूमि, एक लाल पृष्ठभूमि के साथ मिला है। यह जल्दी से पुष्टि करता है कि वर्ग वास्तव में संवाद में जोड़ा जा रहा है।

+0

मैं यहां बहुत उलझन में हूं, मैं इसे और कैसे डिबग कर सकता हूं? 'नोपैडिंग' क्लास प्राप्त करने का एकमात्र तरीका यह है कि इसे 'toogleMAmaximized' div में स्वयं को हार्डकॉर्ड करना है। क्या मैं 1.8.16 टूटा हुआ हो सकता है? मैं अब एक नया संस्करण डाउनलोड कर रहा हूं। –

+0

ओह !, अब मैं समझता हूं कि आप क्या कह रहे हैं! इसे 'toogleMAmaximized' में जोड़ा नहीं गया है क्योंकि मैं अपेक्षा करता हूं लेकिन पूर्व div तत्व बनाया गया है! (आरओएल = संवाद संपत्ति वाला कोई भी व्यक्ति इससे परिचित नहीं है)। ठीक है, तो केवल एक चीज छोड़ने के लिए छोड़ दिया गया है, कक्षा को असली div में जोड़ें, संवाद के ठीक बाद ("खुला"), धन्यवाद! –

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