Xin hướng dẫn sửa code bên dưới

[thienhavbt (Tùng Võ)]

Đoạn code này là code phân trang trong bài viết bloger. tuy nhiên về chèn ảnh hoặc text thì không sao . nhưng khi chèn video thì sẽ xảy ra hiện tượng bật sang trang 2 thì video trang 1 vẫn nghe. Vậy e muốn hỏi là có thể thay fadeIn hoặc fade bằng hàm gì để khi bật sang trang 2 thì nội dung trang 1 tự ngắt ko ạ. Thank 4rum !

  <script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').fadeIn('slow');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery('.content_4').fadeOut('fast');
jQuery('.content_5').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
jQuery('.button_4').css('background','#fff');
jQuery('.button_4').css('color','#F4655F');
jQuery('.button_5').css('background','#fff');
jQuery('.button_5').css('color','#F4655F');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeIn('slow');
jQuery('.content_3').fadeOut('fast');
jQuery('.content_4').fadeOut('fast');
jQuery('.content_5').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
jQuery('.button_4').css('background','#fff');
jQuery('.button_4').css('color','#F4655F');
jQuery('.button_5').css('background','#fff');
jQuery('.button_5').css('color','#F4655F');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeIn('slow');
jQuery('.content_4').fadeOut('fast');
jQuery('.content_5').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_4').css('background','#fff');
jQuery('.button_4').css('color','#F4655F');
jQuery('.button_5').css('background','#fff');
jQuery('.button_5').css('color','#F4655F');
return false;
});
jQuery('.button_4').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery('.content_4').fadeIn('slow');
jQuery('.content_5').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
jQuery('.button_5').css('background','#fff');
jQuery('.button_5').css('color','#F4655F');
return false;
});
jQuery('.button_5').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery('.content_4').fadeOut('fast');
jQuery('.content_5').fadeIn('slow');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
jQuery('.button_4').css('background','#fff');
jQuery('.button_4').css('color','#F4655F');
return false;
});
});
</script>

[SITUVN.gcd]

Ố ồ, dùng jQuery làm mất mục đích mà jQuery được tạo ra.

[thienhavbt (Tùng Võ)]

E mới tập tành làm blogger. Nên e cũng không rõ lắm. Có cách nào sửa đc ko a

[SITUVN.gcd]

Việc đầu tiên làm bạn rút gọn những dòng mã của bạn trước cái đã.

// Dùng tắt $ cho jQuery
$(document).ready(function(){
$('.button').click(function(){
$('.content').not($(this).find('.content')).fadeOut('fast');
$('.button').not(this).css('background','#fff').css('color','#F4655F');
$(this).css('background','#F4655F').css('color','#fff').find('.content').fadeIn('slow');
return false;
});
});

Mình không biết cách bố trí html của bạn như thế nào, chỉ ví dụ thế thôi.

• Nên đặt tên lớp (.class) của các nút (button) và nội dung (content) cùng 1 tên. Như đoạn mã trên!
• Các nội dung sẽ được đặt trong các nút bấm của nó. Nếu không thể đặt trong các nút bấm thì dùng một thuộc tính của html (data-) để biết nó tham chiếu đến nội dung nào hoặc theo thứ tự(index).

[thienhavbt (Tùng Võ)]

Em cảm ơn anh trước. A có fb ko ạ. Cho e xin e trao đổi với a được ko ạ.

[SITUVN.gcd]

Mình bỏ fb rồi, lúc trước cũng dùng fb để thảo luận lập trình.
Giờ mình không dùng mạng xã hội nào hết.

Nếu cần gì thì gửi bài hỏi hoặc nhắn tin riêng (PM) với mình.