2015-01-09 100 views
0

我正在構建一組jquery動畫,我的動畫在桌面上非常棒,但是當我在Ipad中測試時,它顯示得非常慢。我想知道,爲什麼它是如此緩慢的ipad 這裏是我的jquery代碼。爲什麼我的動畫在Ipad中速度很慢

/* --------------------------------SLIDE DO ASIDE --------------------------------*/ 

    $("#wrapper div.targe").on('pointerdown', function() { 
    $(this).next("div.discuss").next(".afteraside").toggleClass("after_discuss"); 
    $(this).next("div.discuss").toggle("slide", {direction: "right"}, 400); 
    return false; 
    }); 


    /* --------------------------------NOTA DE RODAPÉ --------------------------------*/ 


$(document).ready(function() { 
    $("#wrapper img.footnote").next().css("display", "none"); 
    $('nav').localScroll({ duration: 300 }); 
    $('#wrapper div.slick').slick({ 
      dots: false, 
      arrows: false, 
      draggable: true, 
      speed: 500, 
      touchMove: false 
     }); 
}); 

    $("#wrapper img.footnote").on('pointerdown', function() { 

    $(this).toggleClass("footchange"); 
     $(this).next().slideToggle(); 
     /*.addClass("hidden_footnote")*/ 

    if($(this).hasClass("footchange")) { 
     $(this).attr("src", "image/hide_fnt.png"); 
    } 
    else { 
     $(this).attr("src", "image/show_fnt.png"); 
    } 
    return false; 
    }); 


    /* ------------------------SLIDE EXERCICIOS------------------------ */ 

    $("#wrapper img.imagesolucao").on('pointerdown', function() { 
    $(this).next("div.solucao").slideToggle(); 
    return false; 
    }); 

    $("#wrapper div.bloco2").find("li.nextslide").on('pointerdown', function() { 
    $(this).closest("div.bloco2").next("div.slick").slickNext(); 
    $("div.solucao").hide(); 
    }); 

    $("#wrapper div.bloco2").find("li.prevslide").on('pointerdown', function() { 
    $(this).closest("div.bloco2").next("div.slick").slickPrev(); 
    $("div.solucao").hide(); 
    }); 

    /*---------------------SUBMENU----------------------*/ 

    $("#nav4 a").on('pointerdown', function(){ 
    $("ul.submenu").slideToggle(); 
    }); 

/*-----------------------AUDIO-----------------------*/ 

$("#nav6").on('pointerdown', function(){ 
var audio = $(".home_audio"); 
audio.toggleClass("audio_on"); 
if(audio.hasClass("audio_on")) { 
    audio.trigger("play"); 
} 
else { 
    audio.trigger("pause"); 
} 
}); 



/*----------------- VERIFICAR ACERTOS -------------*/ 

function verificarAcertos(){ 
    var cont = 0; 

    $('#wrapper div.radio').find("input[type='radio']").each(function() { 
    if($(this).is(':checked') && $(this).hasClass("correct_answer")){ 
     $(this).next('label').css("color", "#022954").css("font-weight", "bold"); 
     cont++; 
     $(this).closest("div.option").closest("div.radio").find("input[type='radio']").attr("disabled", true); 
    } 

    else if($(this).is(':checked') && !($(this).hasClass("correct_answer"))){ 
     $(this).next('label').css("color", "red").addClass("label2"); 
     $(this).attr("disabled", true); 
    } 
    }); 

    $("#wrapper p.counting").text(cont); 
} 

回答

0

我注意到.attr()會讓iPad變慢很多。訪問屬性必須以不同的方式完成,否則我的動畫非常流暢。

我已經有好運氣保持一個單獨的數組值和循環。

註釋掉.attr()行並再次嘗試動畫。

相關問題