Catch Event dots click in owl carousel

Thảo luận trong 'Lập trình Javascript, js' bắt đầu bởi seolagi, 2/11/21.

  1. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,048
    Đã được thích:
    82
    Điểm thành tích:
    48
    Như câu hỏi trên, hoặc nghĩa là: mình muốn bắt sự kiện click của owl-dots, mỗi khi click vào owl-dot bất kỳ nào đó nó sẽ tự động chuyển slider và active vào owl-dots hiện tại được click trên trang.

    Hiện tại em đang làm cái slider, em muốn click ra bên ngoài div có class="clickchangedot" nó cũng chạy slider qua slider kế tiếp, không nhất thiết phải click đúng vào cái owl-dot.
    HTML:
    $( '.clickchangedot' ).on( 'click', function() {
//gọi nó như thế nào giúp em cái hàm
  $( '.owl-dot' ).removeClass( 'active' );
  $(this).addClass( 'active' );
})
     
    Cảm ơn đã xem bài:

    Catch Event dots click in owl carousel

    seolagi, 2/11/21
    #1
  3. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    5,030
    Đã được thích:
    1,224
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Của bạn đây, code của bạn trên sửa thành:
    Mã:
    var owl = $('.owl-carousel');

$( '.clickchangedot' ).on( 'click', function() {
      owl.trigger('to.owl.carousel', [$(this).index(), 300]);
      $( '.cs-owl-dot' ).removeClass( 'active' ); //tắt mở cái này để test muốn xóa hoặc add class activate
      $(this).addClass( 'active' ); //tắt mở cái này để test muốn xóa hoặc add class activate
});
     
    admin, 2/11/21
    #2
    seolagi thích bài này.
  4. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,048
    Đã được thích:
    82
    Điểm thành tích:
    48
    Code tuyệt vời, thanks admin, em đã xử lý được sự kiện trên.
    HTML:
    var owl = $('.owl-carousel');
$( '.clickchangedot' ).on( 'click', function() {
      owl.trigger('to.owl.carousel', [$(this).index(), 300]);
      //$( '.cs-owl-dot' ).removeClass( 'active' );
      //$(this).addClass( 'active' );
});
     
    seolagi, 2/11/21
    #3


Chủ để tương tự : Catch Event
Diễn đàn Tiêu đề Date
Lập trình Javascript, js Lệnh try catch javascript, lệnh bắt lỗi trong lập trình javascript 8/10/14
Lập trình Javascript, js TouchMove Touch Events di chuyên trái(left) phải(right) mobile iphone trong js javascript 25/10/21
Lập trình Javascript, js window.event.srcelement not working in firefox 18/7/13