Ngăn băng chuyền khởi động twitter tự động trượt khi tải trang

Vì vậy, có cách nào để ngăn băng chuyền bootstrap của twitter tự động trượt khi tải trang trừ khi nhấp vào nút tiếp theo hoặc nút trước đó không?

Cảm ơn

Hoặc nếu bạn đang sử dụng Bootstrap 3.0, bạn có thể dừng chu trình với data-period = "false" chẳng hạn

<div id="carousel-example-generic" class="carousel slide" data-interval="false">

Các thuộc tính dữ liệu băng chuyền hữu ích khác có tại đây -> http://getbootstrap.com/javascript/#carousel-usage

Trên thực tế, vấn đề bây giờ đã được giải quyết. Tôi đã thêm đối số 'pause' vào phương thức 'carousel' như bên dưới:

$(document).ready(function() {      
   $('.carousel').carousel('pause');
});

Dù sao, cảm ơn rất nhiều @Yohn về các mẹo của bạn đối với giải pháp này.

Sự cố với băng chuyền tự động trượt sau khi nhấn nút trước / tiếp theo đã được giải quyết.

$('.carousel').carousel({
    pause: true,
    interval: false
});

GitHub cam kết 78b927b

nếu bạn đang sử dụng bootstrap 3 set data-interval="false"trên cấu trúc HTML của băng chuyền

thí dụ:

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">

• Sử dụng data-interval="false" để dừng trang trình bày tự động
• Sử dụng data-wrap="false"để dừng trang trình bày tròn

thêm cái này vào div coursel của bạn:

data-interval="false"

Dưới đây là danh sách các tham số cho băng chuyền bootstrap. Giống như Khoảng thời gian, tạm dừng, kết thúc:

Để biết thêm chi tiết, hãy tham khảo liên kết này:

http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp

Hy vọng điều này sẽ giúp bạn :)

Lưu ý: Đây là để được trợ giúp thêm. Ý tôi là cách bạn có thể tùy chỉnh hoặc thay đổi hành vi mặc định sau khi băng chuyền được tải.

Tôi nghĩ có lẽ bạn nên kiểm tra hướng dẫn chính thức về băng chuyền, đối với tôi, tôi chưa tìm thấy câu trả lời ở trên, vì có nhiều phiên bản bootstrap, tôi đang sử dụng b4-alpha và tôi muốn hiệu ứng tự động phát dừng lại.

$(document).ready({
    pause:true,
    interval:false
});

script này không tạo ra bất kỳ hiệu ứng nào khi chuột rời khỏi trang đó, chính xác là khu vực băng chuyền. đi đến định nghĩa chính thức và tìm những:

Vì vậy, bạn sẽ tìm thấy lý do tại sao. Nếu sự kiện onmouseover trang carousel được kích hoạt, trang sẽ tạm dừng, khi di chuột ra khỏi trang đó, nó sẽ tiếp tục trở lại.

Vì vậy, nếu bạn muốn một trang dừng vĩnh viễn và xoay theo cách thủ công , bạn có thể đặt data-interval='false'.

--Sử dụng data-period = "false" để dừng trang trình bày tự động --Sử dụng data-wrap = "false" để dừng trang chiếu hình tròn

Đối với Bootstrap 4, bạn chỉ cần xóa 'data-ride = "carousel"' khỏi carousel div. Điều này loại bỏ tự động phát tại thời điểm tải.

Để bật lại tính năng tự động phát, bạn vẫn phải sử dụng lệnh gọi "play" trong javascript.