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