こんにちは、私は実質的にjqueryが初めてで、最近クロスブラウザーに関して問題があります。編集後にmozilla firefoxを試したところ、jqueryカスタムコンテンツスクロールバーがdivをフリーズさせてスクロールできなくなりました。何か問題がありますか?フロースライダーを配置する前に、mozilla firefox のチャームのように機能します。フロースライダー機能を削除しても、まだフリーズします。クロムでは、すべて正常に動作します。
おそらくこれは私のミスによるものだと思います.修正するためにできることはありますか? または、おそらく誰かがコードを修正するのを手伝ってくれますか?
ここに私のJavaScriptコードがあります:
$(function() {
jQuery(document).ready(function($) {
$(".slider-horizontal").FlowSlider({
infinite: true,
animation: "Accelerating",
controllers: ["HoverCenter"],
controllerOptions: [{
center: 100,
mouseStart: 300,
mouseEnd: 100
}]
});
});
$(window).load(function() {
$("#newboxes5, .gallery_container").mCustomScrollbar({
advanced: {
updateOnContentResize: true
}
});
$(".gallery_container").mCustomScrollbar({
horizontalScroll:true
});
$("#newboxes5").mCustomScrollbar("update");
});
});
function slideSwitch() {
var $active = $('#slideshow IMG.active');
if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
var $next = $active.next().length ? $active.next()
: $('#slideshow IMG:first');
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1500, function() {
$active.removeClass('active last-active');
});
}
$(function() {
setInterval( "slideSwitch()", 3000 );
});
function showonlyone(thechosenone) {
$('.newboxes, .gallery_box').each(function(index) {
if ($(this).attr("id") == thechosenone) {
$(this).show(200);
}
else {
$(this).hide(200);
}
});
}