JQTouch链接没有动画

时间:2010-06-01 14:46:12

标签: iphone ajax web-applications jqtouch

我正在使用JQTouch构建一个Web应用程序,到目前为止对它印象非常深刻!我现在遇到一个小问题,我现在需要在我的网站的某些部分与无动画之间建立链接。原因是我在页面底部添加了一个“tabbar”,并且与整个iPhone保持一致,想要链接到没有动画的其他部分。从我到目前为止看到的,溶解效果似乎是我猜的最接近。

所以只是为了清理我不想禁用所有动画,只在我的标签栏中禁用四个。

谢谢!

1 个答案:

答案 0 :(得分:0)

你可以添加一个什么都不做的自定义动画。见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>