Howto: क्लिक करें घटना (jQuery)

Question

1. मैं अपने बटन (नीचे दिए गए कोड देखें) slider.pause() और slider.play() घटनाओं बाध्य करने के लिए कोशिश कर रहा हूँ के आधार पर रोकें और flexslider खेलते हैं।
2. यह काम करता है जब तक कि मैं प्ले बटन को दो बार पर क्लिक करता हूं या स्लाइडर चलाते समय प्ले बटन पर क्लिक करता हूं।
3. तो यह एक और उदाहरण (या कुछ और) को चलाने के लिए के रूप में यह दो बार गति से चलाता है और विराम बटन नहीं रह गया है स्लाइडर

प्रश्न बंद हो जाता है लगता है: इस बात स्लाइडर का परीक्षण करने का कोई तरीका है slider.play() पर कॉल करने से पहले चल रहा है या गलत जगह पर रोकें() और/या play() कॉल हैं?

कृपया सलाह दें।

$(document).ready(function(){ 
    $('.flexslider').flexslider({ 
     animation: "fade", 
     slideshowSpeed: 2000, 
     pauseOnHover: false, 
     touch: true, 
     controlsContainer: ".fs-container", 
     controlNav: true, 
     manualControls: ".flex-control-nav li", 
     start: function(slider) { 
      $('.icon-pause').click(function(){ 
       slider.pause(); 
      }); 

      $('.icon-play').click(function(){ 
       slider.play();      
      }); 
     } 
    }); 
}); 

Answer 1

7 महीने पुरानी सवाल है, लेकिन हाँ हर बार flexslider आग पर start संपत्ति एक एनीमेशन शुरू होता है।

तो आपके ऊपर जो कोड है, वह क्लिक ईवेंट को पुन: बाध्यकारी है।

इसके बजाय आप की तरह कुछ हैं:

 $('.icon-pause').click(function(){ 
      $('#your_slider_id').pause(); 
     }); 

और आप अपने पेज init कार्यों में रखते हैं - या कहीं भी, बस flexslider प्रारंभ अंदर नहीं।

(बेशक .play() भी एक विधि है।)

Answer 2

प्रयास करें:

$('.flex-slider').flexslider('pause'); और $('.flex-slider').flexslider('play');।