2009-06-11 13 views
7

मेरे पास मेरे वेब एप्लिकेशन में आइटम की एक सूची है; इनमें से प्रत्येक के नीचे दिए गए कमांड बटन का एक सेट है।jQuery - प्रवाह लेआउट को बनाए रखने के दौरान अंदर/बाहर फीका आइटम

इंटरफ़ेस को साफ रखने के लिए, ये बटन केवल तब दिखाई देते हैं जब आप आइटम पर होवर करते हैं। - ताकि सूची आइटम के आसपास के रूप में बटन पता चला रहे हैं कूद नहीं है visibility: hidden

यह बरकरार रखता है लेआउट: बटन एक टैग है जो निम्नलिखित सीएसएस विशेषता है में लिपटे रहे हैं।

मैं जो करना चाहता हूं वह jQuery का उपयोग करके बटन को बाहर/बाहर फीका है। हालांकि, डिफ़ॉल्ट विधियों (fadeIn(), fadeOut()) display: none का उपयोग करने लगते हैं, जो प्रवाह से बटन हटा देता है।

मैं क्या जरूरत है उन में या visibility विशेषता का उपयोग कर बाहर फीका करने के लिए एक तरीका है। इसलिए, इससे पहले कि मैं एक खोज शुरू करता हूं, क्या किसी को ऐसा करने का एक स्पष्ट तरीका पता है कि मुझे याद आ रही है?

चीयर्स

उत्तर

1

उन तत्वों के लिए खाली रैपर डीआईवी (निर्दिष्ट आयामों के साथ) बनाएं। फीका क्या अंदर है। वैकल्पिक रूप से, आप इसे 1% तक फीका कर सकते हैं, इसलिए यह अभी भी जगह ले जाएगा, लेकिन मुश्किल से दिखाई दे सकता है।

+0

मुझे लगता है कि शायद यह है कि मैं क्या करूँगा; हालांकि मुझे लगता है कि मैं सूची सूची तत्व पर एक न्यूनतम ऊंचाई निर्धारित करके करूँगा ... –

3

(यह) .fadeTo ("धीमी", 0) $ की तरह लगता है; ऐसा करना चाहिए, दस्तावेज़ डिस्प्ले सेट करने के बारे में कुछ नहीं कहते हैं। केवल fadeOut() में डिस्प्ले है: कोई नहीं; दस्तावेज़ों में सेट करें, लेकिन मुझे बस एक पल दें और मैं इसका परीक्षण करूंगा।

+0

'fadeTo' अच्छा काम करता है, लेकिन नहीं IE में। –

15

रोल अपनी खुद की fadeout, इस तरह:

$(this).animate({opacity: "0.0"}); 
संबंधित मुद्दे