jQuery UI accordion क्यों खुला/बंद एनीमेशन इतना चंचल है?

मैं इसे एक को समझने की कोशिश कर रहा हूं और मुझे कोई समस्या नहीं दिखाई दे रही है - साथ ही, वही accordion (एक ही jqueryui संस्करण 1.9.2) किसी अन्य साइट पर कोई समस्या नहीं है, मैंने थीम को भी स्विच किया उसी साइट का उपयोग दूसरी साइट के रूप में करें और मुझे अभी भी इस पर चापलूसी मिलती है।jQuery UI accordion क्यों खुला/बंद एनीमेशन इतना चंचल है?

http://www.georgiancollege.ca/wpnew/accordion/?bypass=cache

(काम कर अकॉर्डियन) http://www.georgiancollege.ca/programs/

और यह jQuery ui विषय या तो के रूप में यह ठीक here

कोई भी विचार यह क्या हो सकता है काम कर रहा है नहीं होना चाहिए?

स्रोत

2013-03-19 tsdexter

है चिपकाएं acordion के लिए जावास्क्रिप्ट कॉल।क्या कोई वैकल्पिक पैरामीटर पास हो गया है? – Cristy

आपका एचटीएमएल मार्कअप अमान्य। आपके पास अनुच्छेद टैग के अंदर h1 और div तत्व नहीं हो सकते हैं। एचटीएमएल सत्यापनकर्ता के माध्यम से कोड चलाएं और समस्याओं को ठीक करें। – epascarello

@epascarello ने यह भी ध्यान नहीं दिया - यह WordPress संपादक द्वारा जोड़ा जाना चाहिए। – tsdexter

.ui-accordion .ui-accordion-content { 
    padding: 1em 2.2em; 
}

समस्या इस सीएसएस के साथ है। यदि आप इसे एम के बजाय पीएक्स में बदलते हैं, तो यह सही तरीके से कार्य करता है।

स्रोत

2013-03-19 13:46:46

और इसका कारण यह है कि एग्रीजन के माता-पिता के आस-पास की फ़ॉन्ट सेटिंग्स के कारण सबसे अधिक संभावना होती है, जैसे कि एग्रीजन के माता-पिता को शरीर के समान फ़ॉन्ट आकार नहीं होता है। –

@ ब्रैड एम - धन्यवाद, यह चाल है। – tsdexter

मैं

<script type='text/javascript' src='http://www.georgiancollege.ca/programs/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script> 
<script type='text/javascript' src='http://www.georgiancollege.ca/programs/wp-includes/js/jquery/ui/jquery.ui.core.min.js?ver=1.9.2'></script> 
<script type='text/javascript' src='http://www.georgiancollege.ca/programs/wp-includes/js/jquery/ui/jquery.ui.widget.min.js?ver=1.9.2'></script> 
<script type='text/javascript' src='http://www.georgiancollege.ca/programs/wp-includes/js/jquery/ui/jquery.ui.accordion.min.js?ver=1.9.2'></script> 
<script type='text/javascript' src='http://www.georgiancollege.ca/programs/wp-includes/js/jquery/ui/jquery.ui.button.min.js?ver=1.9.2'></script>

तो सभी निर्भरता शामिल यह ठीक काम करना चाहिए ..

स्रोत

2013-03-19 13:50:28 MarmiK

भविष्य पाठकों के लिए, मैं भी जब मैं इस मुद्दे का अनुभव किया है कि आप सभी फ़ाइल निर्भरता को जोड़ने के लिए, टैग में भूल गए हैं लगता है

बुरा:

 <div class="accordion"> 
      <h3>Delivery Address</h3> 
      <table class="address"> 
       <tr><td>...</td></tr> 
      </table> 
     </div>

एक div टैग में मेरी अकॉर्डियन पंक्ति की सामग्री लिपटे नहीं था

अच्छा:

 <div class="accordion"> 
      <h3>Delivery Address</h3> 
      <div> 
       <table class="address"> 
        <tr><td>...</td></tr> 
       </table> 
      </div> 
     </div>

स्रोत

2013-06-09 14:52:14

इस टिप के लिए धन्यवाद, मुझे यह बिंदु मिलने से पहले मैं बहुत निराश था –

मैं ने वही समस्या हो रही थी। कुछ अलग समाधान देखने के बाद। मैंने पाया कि यह एक मार्जिन मुद्दा था।

यह मेरे लिए काम किया:

#accordion .ui-accordion-header { 
    margin:0; 
}

मैं जिस तरह से सामग्री के लिए hightstyle सेट है।

आशा है कि इससे मदद मिलती है!

स्रोत

2013-12-16 20:55:43

मेरे मामले में यह मेरे accordion शीर्षक के मार्जिन और मेरे accordion सामग्री के अंदर तत्वों के मार्जिन के कारण हुआ था। आपको उन तत्वों के मार्जिन को 0 पर सेट करने की आवश्यकता होगी। यदि आप उन तत्वों के बीच स्थान जोड़ना चाहते हैं तो आप पैडिंग का उपयोग कर सकते हैं और यह समस्याएं नहीं पैदा करेगा।

#accordion h3 { 
margin: 0; 
padding: 10px 0; 
} 
#accordion p { 
    margin: 0; 
    padding: 10px 0; 
}

मैंने accordion सामग्री के divs के अंदर पैराग्राफ टैग का उपयोग किया। यदि आप कुछ और उपयोग करते हैं, तो सुनिश्चित करें कि उस तत्व का मार्जिन 0

स्रोत

2014-01-28 22:50:37 user2671295

एफवाईआई - मैंने एग्रीजन को अपनी नंगे हड्डियों में गिरा दिया और यह अभी भी एनिमेशन के दौरान कूद रहा था और पूरा होने पर बैक अप था। मैंने फिर इन शैलियों को ऊपर जोड़ा, और समस्या स्वयं तय हो गई। –

इसके अलावा, मेरे लिए, '#accordion h3 {margin: 0; } 'एकमात्र शैली थी जो mattered। –

मुझे ड्रूपल में नेस्टेड एग्रीजन के साथ एक समान समस्या थी जो दृश्य नेस्टेड एकॉर्डन का उपयोग करके बनाया गया था। मैंने विचारों की लाइन 38 को हटा दिया- नेस्टेड-accordion.css जिसमें .ui-accordion .ui-accordion-content {height: auto !important;} है और यह मेरी समस्या को ठीक करता है।

स्रोत

2015-05-13 15:03:06 Kirby

चिकनी कार्रवाई करने के लिए कुंजी "heightStyle" ईजी

$("#accordion").accordion({ 
    heightStyle: "content" 
});

स्रोत

2016-04-12 11:12:17 john

jQuery UI accordion क्यों खुला/बंद एनीमेशन इतना चंचल है?

उत्तर

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