Hướng dẫn sử dụng FlexsliderControl không hoạt động

Question

Tôi đã tạo một thanh trượt bằng Flexslider và tôi đang cố sử dụng manualControls: để tạo menu điều hướng nhưng các liên kết sẽ không hoạt động. Dưới đây là mã cho flexslider và thanh trượt/chuyển hướng bản thân:

Flexslider:

<script type="text/javascript" charset="utf-8"> 
    $(window).load(function() { 
    $('.flexslider').flexslider({ 
     controlsContainer: ".slidercontainer", 
     controlNav: true, 
     manualControls: ".flex-control-nav li", 
     }); 
}); 
</script> 

Slider và nav:

<div class="slidercontainer"> 
     <div class="flexslider"> 
      <ul class="slides"> 
       <li>slide1</li> 
       <li>slide2</li> 
      </ul> 
      <ul class="flex-control-nav"> 
       <li>1</li> 
       <li>2</li> 
      </ul> 
    </div>   
    </div> 

Answer 1

Ví dụ link: http://flexslider.woothemes.com/

Bạn có thể sử dụng đơn giản mã trực tiếp

$(window).load(function() { 
    $('.flexslider').flexslider({ 
    animation: "slide" 
    }); 
}); 

Answer 2

bạn đã sửa lỗi này chưa? Nếu không, câu trả lời là bởi vì FlexSlider vẫn có một sự kiện trực tiếp trong plugin - nhưng jQuery đã không dùng nó nữa.

Để khắc phục; mở jQuery.flexslider.js và thực hiện tìm/thay thế cho "live", thay thế nó bằng "on". Tôi thực sự đã tìm kiếm ".live (" và thay thế bằng ".Trên (" chỉ để chắc chắn rằng tôi chỉ có người nghe sự kiện. Có 2 lần xuất hiện.

Vậy đó. Hoạt động hoàn hảo!

Answer 3

https://github.com/woothemes/FlexSlider/issues/351

Âm thanh như có rất nhiều đang xảy ra với nó

tôi đang sử dụng Chrome chủ yếu, và tôi đã có nó xảy ra không có vấn đề gì về chủ đề này:.

http://www.templatemonster.com/demo/42317.html

.210

Các phiên bản của FlexSlider rằng nó đã nói: jQuery FlexSlider v1.8

Nhưng tôi tìm thấy một sửa chữa cho nó:

http://wordpress.org/support/topic/chrome-bug-with-flexslider-plugin

End của thread, một gã viết một liên kết đến một trang web khác rằng ông cố định ! Tôi đã đăng các dòng cần thiết dưới đây:

Dòng 34 trong jquery.flexslider.js

slider.eventType = ('ontouchstart' in document.documentElement) ? 'touchstart' : 'click'; 

tôi đã thay thế nó với hai dòng sau:

slider.touch = (("ontouchstart" in window) || (window.navigator.msPointerEnabled) || window.DocumentTouch && document instanceof DocumentTouch) && slider.vars.touch; 
slider.eventType = "click touchend MSPointerUp"; 

Hy vọng rằng sẽ giúp.

Answer 4

Tôi vừa gặp sự cố tương tự, đó là do các sự kiện liên lạc được bật trong trang 'chrome: // flags' của chrome, sau khi tắt các sự kiện chạm, các mũi tên và dấu chấm chuyển hướng sẽ hoạt động.

Có một số nơi trong mã mà flexslider cố gắng giải thích lỗi iOS, nhưng làm như vậy sẽ vô hiệu hóa hoàn toàn các sự kiện nhấp chuột trên các trình duyệt có khả năng chạm không phải iOS.