没有动画的 JQTouch 链接

Question

我正在使用 JQTouch 构建一个 Web 应用程序，到目前为止，我对它印象深刻！我目前有一个小问题，我现在需要在我的网站的某些部分之间链接没有动画。这样做的原因是我在页面底部添加了一个“标签栏”，为了与整个 iPhone 的感觉保持一致，我想链接到没有动画的其他部分。从我目前看到的情况来看，溶解效果似乎最接近我的猜测。

所以为了澄清，我不想禁用所有动画，只禁用标签栏中的四个。

谢谢！

Answer 1

您可能可以添加一个什么都不做的自定义动画。见this page。

所以，如果你不想要动画，你可能想要这样的东西（即省略@webkit-keyframes）：

<script>
    $(function(){
        jQT.addAnimation({
            name: 'noanimate',
            selector: '.noanimate'
        });
    });
</script>
<style>
    .noanimate.in {
        -webkit-animation-name: dontmove;
        z-index: 0;
    }

    .noanimate.out {
        -webkit-animation-name: noanimateout;
        z-index: 10;
    }

    .noanimate.out.reverse {
        z-index: 0;
        -webkit-animation-name: dontmove;
    }

    .noanimate.in.reverse {
        z-index: 10;
        -webkit-animation-name: noanimatein;
    }
</style>