Question

我正在创建一个Phonegap应用程序，我真的想避免在项目中使用jqm，因为css正在炸毁整个html代码。所以我可以用

更改页面

window.location = "profiles.html";

但这对用户体验来说非常困难，我真的希望将其更改为更顺畅的内容。有没有可能增强更改页面过程，可能有css或其他什么？

Answer 1

您可以使用淡入淡出效果。

var speed = 'slow';

$('html, body').hide();
$(document).ready(function() {
    $('html, body').fadeIn(speed, function() {
        $('a[href], button[href]').click(function(event) {
            var url = $(this).attr('href');
            if (url.indexOf('#') == 0 || url.indexOf('javascript:') == 0) return;
            event.preventDefault();
            $('html, body').fadeOut(speed, function() {
                window.location = "profiles.html";
            });
        });
    });
});

在action (jsFiddle)

中查看

是否有可能平滑地更改移动页面而没有jqm？

1 个答案: