如何控制在导航栏中显示的jquery mobile中的url

Posted 2023-05-09

【中文标题】如何控制在导航栏中显示的jquery mobile中的url

【英文标题】：How to control url in jquery mobile which displayed in navigator bar

【发布时间】：2017-06-21 15:12:18

【问题描述】：

我正在开发一个只能在一个静态 url 下工作的 jQuery Mobile 应用程序，它可能会调用单页应用程序。

当我在mobileinit 事件中使用$.mobile.changePage.defaults.changeHash = false 时，点击导航到其他页面的链接效果很好，网址永远不会改变。但是当我输入带有hashTag的完整url时，url会发生变化。例如，在导航栏中输入http://www.example.com/home/index#catelog/lists之类的url，url会变成http://www.example.com/catelog/lists。看来$.mobile.changePage.defaults.changeHash = false在这种情况下不起作用.

那么，如何控制 jQuery Mobile 仍然显示http://www.example.com/home/index？

【参考方案1】：

在头上：

<script type="application/javascript" src="js/libs/jquery-1.11.2.min.js"></script>
<script>
    window.addEventListener('DOMContentLoaded', function() 
        if (window.history && window.history.pushState)
            window.history.pushState('', '', window.location.pathname) 
        else
            window.location.href = window.location.href.replace(/#.*$/, '#'); 
    , true);
    $(document).on('mobileinit', function () 
        // If you need it:
        $.mobile.hashListeningEnabled = false;
        $.mobile.pushStateEnabled = false;
        $.mobile.changePage.defaults.changeHash = false;
    
</script>
<script type="application/javascript" src="js/libs/jquery.mobile-1.4.5.min.js"></script>