2

私の div にはonclickfunction があり、私の css には webkit translate animation があります

<div class="ant animate" onclick="myFunction()"> </div>

私のスクリプトにはコンソールログがありますが、トリガーされません

.animate{
  -webkit-animation: food 30s linear infinite;

}
.ant {
  width: 90px;
  height: 90px;
  background:black;
   pointer-events: none;
   z-index: 3000
}


@-webkit-keyframes food {
  0% {
    -webkit-transform: translate(0px,1000px);
  }
  100% {
    -webkit-transform: translate(0px,-1000px);

  }
}

私のplnkは似ていますが、jquery http://plnkr.co/edit/Qv1T4t9thBj8EIpdJUSHを使用しています

アニメーションのバインドを解除すると、このクリックは完璧に機能します

4

1 に答える 1

0

アラートは最新バージョンの firefox と safari で表示されます。

動きはサファリ、クロムでは機能しますが、Firefoxでは機能しません。

Chrome では、次のエラーが表示されます。

    Refused to execute script from 
    'https://raw.github.com/furf/jquery-ui-touch-punch/
    master/jquery.ui.touch-punch.js' 
    because its MIME type ('text/plain') is not executable, 
    and strict MIME type checking is enabled.

raw.github アドレスにリンクする代わりに、自分でファイルをダウンロードしてホストします。

于 2013-09-26T14:58:19.420 に答える