2013-03-18 18 views
6

http://jsfiddle.net/nKUgA/2/jQuery slidetoggle काम नहीं कर रहा है?

मैं सिर्फ एक छोटे से बॉक्स स्लाइड pictureControls div जो एक बटन के रूप में कार्य करता है से नीचे बनाने के लिए कोशिश कर रहा हूँ, लेकिन nothing-- यह सिर्फ एक तरह से जगह में और फिर से वापस glitches slideToggle कर रही है। अन्य समान प्रश्नों के टन पढ़ें, कोई भी मदद या लागू नहीं है।

$('#pictureControls').click(function(event) { 
     $('#pictureControlsMenu').slideToggle(300); 
     event.stopPropagation(); 
    }); 
+0

ऐसा लगता है कि आपको लगता है कि बेला में jQuery एम्बेड करने के लिए भूल गया । – CBroe

+0

ओह, बिंगो। वह ऐसा करेगा। स्लाइडर विजेट के लिए – Aerovistae

+0

jQuery यूआई भी। –

उत्तर

11

slideToggle काम नहीं कर रहा था क्योंकि तालिका ब्लॉक तत्व नहीं है। निम्नलिखित अद्यतन में मैं इसे एक ब्लॉक तत्व (प्रदर्शन के बजाय: कोई नहीं) कर दिया है, और फिर jQuery के साथ पृष्ठ लोड पर यह छिपा हुआ ...

http://jsfiddle.net/nKUgA/4/

+1

अच्छा। शायद मेरी तुलना में एक बेहतर फिक्स। – isherwood

+0

@isherwood कुछ मुझे अब तक पता नहीं था, tbh। – Archer

+0

पूरी तरह से काम करता है। आपका बहुत बहुत धन्यवाद। क्या आप कृपया बता सकते हैं कि इसे 'ब्लॉक' तत्व क्यों बनाना आवश्यक है? क्या divs मूल रूप से 'ब्लॉक' तत्व हैं जबकि तालिकाओं को निर्दिष्ट किया जाना चाहिए? – Aerovistae

4

तालिका के बजाय एक div फिसलने का प्रयास करें:

http://jsfiddle.net/nKUgA/3/

<div id="pictureControls" onclick="" title="Picture Controls" alt="Picture Controls"> 
    <div id="pictureControlsWrapper"> 
     <table id="pictureControlsMenu"> 

के बाद मुझे यकीन है कि एचटीएमएल क्लिक समारोह और दूसरी बात यह क्या कर रहे थे नहीं था, मैं उन्हें साथ हटाया स्टॉपप्रॉपेशन स्टेटमेंट के साथ।

+0

मुझे कुछ समय पहले पढ़ने की याद आ रही है कि टेबल आकार बदलने के लिए अच्छी तरह से प्रतिक्रिया नहीं दे रहा था ... मैं शर्त लगा रहा हूं कि टेबल पर सीधे स्लाइड टॉगल() को करने की कोशिश करने के बजाय, एक div कार्यों में तालिका को लपेटना क्यों है अपने आप। –

+0

क्या अजीब बात यह है कि jQuery टीम इस बग को "निश्चित" के रूप में सूचीबद्ध करती है - http://bugs.jquery.com/ticket/2185 ... यह गैर ब्लॉक-स्तर तत्वों वाले मुद्दों से उत्पन्न होती है। –

+0

एक उत्सुक सुझाव और मुझे लगता है कि आप किसी भी तरह से टेबल के बारे में सही हैं लेकिन कुछ कारणों से इस कोड से एनीमेशन आंदोलन अभी भी थोड़ा गड़बड़ है - आर्चर की विधि सही स्लाइड उत्पन्न करती है। – Aerovistae

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