为什么我的动画在Ipad中很慢

时间:2015-01-09 18:05:12

标签: jquery performance ipad animation

我正在构建一组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);
}

1 个答案:

答案 0 :(得分:0)

我注意到.attr()会让iPad慢下来。访问属性必须以不同的方式完成,否则我的动画非常流畅。

我很幸运地保留了一个带有值的单独数组并循环遍历这些数组。

注释掉.attr()行并再次尝试动画。