如何使用jQuery Mobile的$ .mobile.navigate在导航后更改URL

Question

我是jQuery Mobile的新手，我一直在努力（连续2天谷歌搜索），以了解导航到外部页面的工作方式，但发现它真的很难，所以希望我能在这里得到一个正确的解释。从我的搜索中我发现了$.mobile.navigate函数，但我还没弄清楚如何使用它。

基本上我拥有的是login.php页面，在您成功登录后，您应该被带到homepage.php，我已设法将其设为homepage.php显示内容，但是当涉及到URL时，我可以一瞬间看到它变为homepage.php但是会​​立即变回login.php。我怎样才能使它保持在homepage.php？

我导航到homepage.php $.mobile.navigate，如此：

<input type="submit" form="login-form" name="submit_login" value="Logga in" id="submit-login">

$('body').on('click', '#submit-login', function() {
    $.mobile.navigate('../../includes/pages/homepage.php');
});

目前我的homepage.php文件如下所示：

<div data-role="page" data-url="homepage" data-theme="b" id="homepage">
    <div data-role="header">Some content here</div>
    <div data-role="main">Some content here</div>
    <div data-role="footer">Some content here</div>
</div>

我在某处读到data-url用于更改导航的网址，但我无法通过尝试使用它。