移动设备上的jQuery淡出页面错误

时间:2016-09-29 20:45:49

标签: javascript jquery html mobile

我正在使用jQuery在我的网站中淡出我的页面(以实现平滑过渡)。我正在使用不同堆栈交换问题中概述的代码(见下文)。它适用于桌面上的所有浏览器。但是,在移动游猎中,有一个我不明白的错误。当我单击后退按钮时,没有任何内容显示,只有一个空白的白色屏幕,必须重新加载才能显示内容。有谁知道这里发生了什么?

// delegate all clicks on "a" tag (links)
$(document).on("click", "a", function () {

// get the href attribute
var newUrl = $(this).attr("href");

// veryfy if the new url exists or is a hash
if (!newUrl || newUrl[0] === "#") {
    // set that hash
    location.hash = newUrl;
    return;
}

// now, fadeout the html (whole page)
$("html").fadeOut(function () {
    // when the animation is complete, set the new location
    location = newUrl;
});

// prevent the default browser behavior.
return false;
});

1 个答案:

答案 0 :(得分:0)

将iPhone插入计算机并使用调试程序逐步查看发生了什么。我推测,位置或location.hash是不是在移动Safari中工作的方式。 (我以前在移动版Safari中遇到过位置哈希问题。)