ปลั๊กอิน Bootstrap Carousel เป็นวิธีที่ยืดหยุ่นและตอบสนองได้ในการเพิ่มแถบเลื่อนลงในไซต์ นอกจากนั้นเนื้อหามีความยืดหยุ่นพอที่จะเป็นภาพเฟรมที่ฝังตัววิดีโอหรือเนื้อหาประเภทอื่น ๆ ที่คุณต้องการวาง
เนื่องจากโครงการล่าสุดเกี่ยวข้องกับการพัฒนา HTML5 บนอุปกรณ์มือถือจึงจำเป็นต้องมีผลกระทบของม้าหมุน จากนั้นวิธีที่เร็วที่สุดที่คุณรู้ (bootstrap) จากนั้นปลั๊กอิน bootstrap carousel.js ดั้งเดิมไม่รองรับท่าทาง
จากนั้น ... คิดวิธีแก้ปัญหาด้วยตัวคุณเองแล้วมีวิธีแก้ปัญหา 3 ประการต่อไปนี้:
jQuery mobile (http://jquerymobile.com/download/)
$ ("#carousel-generic"). swipeleft (function () {$ (this) .carousel ('next');}); $ ("#carousel-generic"). swiperight (function () {$ (this) .carousel ('prev');});ปลั๊กอิน Touchswipe jQuery (https://github.com/mattbryson/touchswipe-jquery-plugin)
$ ("#carousel-generic"). Swipe ({swipeleft: function () {$ (นี่) .carousel ('ถัดไป');}, swiperight: function () {$ (นี้) .carousel ('prev');},});hammer.js (http://eightmedia.github.io/hammer.js/) +
jQuery.hammer.js (https://github.com/eightmedia/jquery.hammer.js)
$ ('#carousel-generic'). hammer (). on ('swipeleft', function () {$ (นี่) .carousel ('next');}); $ ('#carousel-generic'). on ('swiperight', ฟังก์ชั่น ()การนำเข้า JQuery Mobile ทั้งหมดเพื่อรองรับท่าทางการกวาด
การเลื่อน TouchSwipe ในทั้งสองด้านของพื้นที่ปุ่มที่คลิกได้นั้นไม่ถูกต้องและเลือกค้อน
ด้านบนคือปลั๊กอิน Bootstrap Carousel (Carousel) ที่บรรณาธิการแนะนำให้คุณ (สามวิธีในการสนับสนุนการเลื่อนท่าทางซ้ายและขวาฉันหวังว่ามันจะเป็นประโยชน์กับคุณถ้าคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉัน