在Web应用程序浏览器中打开jquery移动Web应用程序外部HTML页面

时间:2013-12-06 20:00:19

标签: javascript jquery html ios jquery-mobile

我创建了一个jquery移动网络应用程序,并在其中一个按钮上链接到.HTML文件。当我将网络应用程序添加到我的主屏幕并点击该按钮时,它会在Safari中打开.HTML页面,而不是停留在应用程序中。我在网上进行了一些研究并发现了这个文件,但我仍然无法让它工作。任何想法如何解决这个问题?

https://github.com/mrmoses/jQuery.stayInWebApp

1 个答案:

答案 0 :(得分:0)

这是我使用的...适用于所有anchors。简而言之,它会禁用每个锚点的默认行为,抓住点击的锚点href,然后使用js打开网络应用程序中的链接。仅适用于移动设备。

<script>
$(function() {
    // prevent anchor links from opening in safari, web-app fix
    if (("standalone" in window.navigator) && window.navigator.standalone) {
        // For iOS Apps
        $('a').on('touchend click', function (e) {
            e.preventDefault(); return false;
            var new_location = $(this).attr('href');
            if (new_location != undefined && new_location.substr(0, 1) != '#' && $(this).attr('data-method') == undefined) {
                window.location = new_location;
            }
        });
    }
});
</script>