2

我的 div 有一个onclick函数,我的 css 有一个 webkit 翻译动画

<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 中。

该运动在 safari、chrome 中有效,但在 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 回答