내 애니메이션이 Ipad에서 느린 이유

Question

jquery 애니메이션 그룹을 만들고 있는데, 내 애니메이션은 데스크톱에서 훌륭합니다.하지만 Ipad에서 테스트했을 때 매우 느린 것으로 나타났습니다. 나는 ipad에서 왜 그렇게 느린 지 알고 싶다. 여기에 나의 Jquery 코드가있다.

/* --------------------------------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); 
} 

Answer 1

나는 .attr()이 iPad를 많이 느리게한다는 것을 알고 있습니다. 내 애니메이션은 매우 매끄 럽기 때문에 속성에 대한 액세스는 다른 모든 것과 다르게 수행되어야합니다.

값이있는 별도의 배열을 유지하면서 반복적으로 행운을 보았습니다.

.attr() 행을 주석 처리하고 애니메이션을 다시 시도하십시오.