मैं एक div में फीका करने की कोशिश करता हूं जिसमें (इन) डिस्प्ले इनलाइन-ब्लॉक होना चाहिए।
ऐसा लगता है कि फीडइन विधि केवल प्रदर्शन = ब्लॉक मानती है।
क्या उस व्यवहार को बदलने का कोई तरीका है?प्रदर्शन के साथ fadeIn का उपयोग कैसे करें = इनलाइन-ब्लॉक
उत्तर
क्या मैंने उपरोक्त पढ़ लिया का एक संयोजन से, यह सबसे अच्छा मुझे मिल गया है:
$(div).css({
opacity: 0,
display: 'inline-block'
}).animate({opacity:1},600);
यदि आप css()
का उपयोग करते हैं?
$("div").fadeIn().css("display","inline-block");
मैं इस प्रयास नहीं किया है, लेकिन मैं एक महसूस कर रही है कि यह तत्व एक सा आस-पास जाएं कारण हो सकता है के रूप में, इसे एनीमेशन के दौरान 'डिस्प्ले: ब्लॉक' में बदल दिया जाएगा, और उसके बाद एनीमेशन समाप्त होने के बाद 'डिस्प्ले: इनलाइन-ब्लॉक' पर वापस आ जाएगा। तो मुझे नहीं लगता कि यह काम करने जा रहा है। यद्यपि कोशिश करने लायक हो सकता है, तो वैसे भी +1। – Spudley
@ स्प्डली मैंने सोचा और इसे 'स्थिति: इनलाइन' के बजाय 'स्थिति: इनलाइन-ब्लॉक' के साथ भी देखा, यह देखने के लिए कि क्या इसे पहले 'डिस्प्ले: ब्लॉक' के रूप में दिखाया गया है लेकिन ऐसा नहीं हुआ। http://jsfiddle.net/6DcY9/ बेशक दूसरे कोड के आधार पर यह – Sotiris
हो सकता है मैं एक 'फीडइन ("फास्ट") कर रहा हूं। सीएसएस ({' डिस्प्ले ':' इनलाइन-ब्लॉक '})' और यह मेरे लेआउट को चारों ओर कूदने का कारण नहीं बनाता है। मुझे लगता है कि यह फीडइन खत्म होने से पहले डिस्प्ले प्रॉपर्टी सेट करता है। इसके अतिरिक्त, चूंकि आईई 7 इनलाइन-ब्लॉक की व्याख्या करने के बारे में नहीं जानता है, इसलिए मैं जांच कर रहा हूं कि 'html' में 'i77' की कक्षा है या फिर '.css ({' display ':' inline ',' zoom ':' 1 '})' बदले में। – Jazzerus
मैं inline-block
तत्व के अंदर एक अतिरिक्त तत्व परत डाल, और बदले में fading कि सुझाव देना चाहेंगे।
<div style='display:inline-block;'>
<div id='fadmein'>....</div>
</div>
$('#fademein').fadeIn();
मुझे पता है कि यह अतिरिक्त मार्कअप है, लेकिन यह शायद समस्या का सबसे व्यावहारिक समाधान है।
वैकल्पिक विकल्प fadeIn()
का उपयोग करने के बजाय अस्पष्टता को बदलने के लिए JQuery के animate()
विधि का उपयोग करना होगा। यह केवल opacity
संपत्ति को बदल देगा; इसलिए display
संपत्ति छूटी जाएगी।
शुरू होता है इस पर निर्भर करता है कि आपने सामग्री को कैसे सेट अप किया है, यह हो सकता है सबसे अच्छा दिखने वाला समाधान नहीं है, लेकिन यह शायद कार्यान्वित करने के लिए सबसे आसान है और आश्चर्यजनक रूप से अच्छी तरह से काम करता है। बहुत बहुत धन्यवाद! – shmeeps
jQuery फ़ोरम में this question के अनुसार, सुझाया गया समाधान अपनी इच्छित छवि को block
में बदलना और इसे फ़्लोट करना है।
- 1. प्रदर्शन को मापने के लिए फ़िल्टर का उपयोग कैसे करें?
- 2. fadein साथ jQuery अस्पष्टता समस्याओं और fadeout
- 3. विभिन्न यूआई भाषाओं के साथ प्रदर्शन काउंटर का उपयोग
- 4. jQuery fadeIn() और slideDown() को एक साथ कैसे चलाएं?
- 5. System.Diagnostics.Stopwatch के साथ औसतTimer32 और औसतबेस प्रदर्शन काउंटर का उपयोग कैसे करें?
- 6. jQuery .addClass और .fadeIn?
- 7. "उपयोग" के साथ एकाधिक मॉड्यूल का "उपयोग" कैसे करें?
- 8. jquery fadeout, load, fadein
- 9. jQuery fadeIn घटना?
- 10. jQuery fadein 0
- 11. jQuery आगे जोड़ते + fadein
- 12. jquery fadeIn() .html() के साथ काम क्यों नहीं करता है?
- 13. एक प्रदर्शन के साथ [प्रदर्शन (नाम = "एक्स")] का उपयोग करना। MVC3 ASP.Net
- 14. Jquery Stop Fadein/Fadeout
- 15. सीयूडीए प्रदर्शन का मूल्यांकन कैसे करें?
- 16. jQuery .hide() fadein()
- 17. jquery, jquery में एक fadeIn
- 18. fadein बनाम fadeOut fadeTo
- 19. JQuery FadeIn Delay FadeOut
- 20. Holo.Light थीम का उपयोग कैसे करें, लेकिन एक्शनबार का उपयोग होलो साथ आईसीएस का उपयोग करें?
- 21. jQuery परिवर्तन div पृष्ठभूमि छवि fadein/आउट
- 22. क्या jQuery fadeIn या CSS3 एनीमेशन का उपयोग करना बेहतर है?
- 23. पढ़ने/लिखने के प्रदर्शन में सुधार के लिए आरडीएस के साथ एलिस्टी कैश का उपयोग
- 24. मैक ओएस एक्स में प्रदर्शन आईडी के साथ प्रदर्शन नाम कैसे प्राप्त करें?
- 25. शैलो नेस्टेड रूट्स के साथ ActiveResource का उपयोग कैसे करें?
- 26. App.Config के साथ IronPython का उपयोग कैसे करें?
- 27. जेएसओरी के साथ जेएसओएन का उपयोग कैसे करें?
- 28. Parsec के साथ Control.Monad.State का उपयोग कैसे करें?
- 29. jquery.multiselect ड्रॉपडाउन के साथ jquery.Validate का उपयोग कैसे करें?
- 30. ember.js टेम्पलेट्स के साथ ऑटोफोकस का उपयोग कैसे करें?
प्रदान करने के लिए एक प्रासंगिक लिंक है आप मेरा दिन –
बचाएं बस महान आदमी .. धन्यवाद – Novasol