मोडल विकल्प

Question

के साथ एक jQuery संवाद विजेट की पृष्ठभूमि/ओवरले में त्रुटि मैं एक WordPress साइट पर modal विकल्प के साथ jQuery dialog widget का उपयोग कर रहा हूं।
पृष्ठभूमि (ओवरले) सभी ग्रे नहीं है, पृष्ठभूमि में एक सफेद पट्टी है।

$("#popup").dialog({ 
    dialogClass: "alert", 
    width: crmpJs.setup.social_popup_custom_content_use ? crmpJs.setup.social_popup_setup_width : 640, 
    height: crmpJs.setup.social_popup_custom_content_use ? crmpJs.setup.social_popup_setup_height : "auto", 
    autoOpen: true, 
    modal: true, 
    resizable : false, 
    draggable : false, 
    zIndex: 10000, 
    closeOnEscape: crmpJs.setup.social_popup_content_locker_use == "yes" ? false : true 
}); 

इस खराबी का कारण के किसी भी विचार?

Answer 1

यह अपने सीएसएस है। बदले दोहराने-x बस दोहराने के लिए:

.ui-widget-overlay { 
    background: url("../img/overlay-bg.png") repeat-x scroll 50% 50% #000000; 
    opacity: 0.5; 
} 

रहे हैं:

.ui-widget-overlay { 
    background: url("../img/overlay-bg.png") repeat scroll 50% 50% #000000; 
    opacity: 0.5; 
} 

Answer 2

मैंने देखा है इस से jQuery यूआई वर्तमान URL बेस में रहने वाले नहीं कारण किया जा रहा है, इसलिए इसके सीएसएस लोड नहीं करता है । सफारी और फ़ायरफ़ॉक्स में कम से कम, ब्राउज़र छवि को नहीं ढूंढ सकता है, इसलिए यह डिफ़ॉल्ट आकार के दोहराने वाले एक्स बॉक्स को प्रस्तुत करता है, जो सफेद बार का कारण बनता है।

कुछ विकल्प हैं:

1. ले जाएँ jQuery यूआई वापस URL बेस के अंदर। , निरपेक्ष URL को इंगित
2. बदलें सीएसएस करने के लिए हालांकि वहाँ jQuery यूआई सीएसएस फ़ाइलों में यूआरएल की एक बहुत कुछ है, और यह एक दर्द उन्नयन बनाता है।
3. बस छवि निर्देशिका को यूआरएल बेस पर ले जाएं।
4. अपने खुद के सीएसएस में चयनकर्ता ओवरराइड यह सही URL देने के लिए। jQuery की दूसरी प्रति जो एक और पुस्तकालय के लिए एक शामिल किए जाने, कि अपने मुख्य jQuery अधिभावी किया जा सकता है के रूप में किसी अन्य स्थान में हो सकता है के लिए
5. देखो।