2012-01-04 57 views
2

我正在尝试使用Jquery Mobile作为网络应用程序,并根据用户点击的按钮将其重定向到新的网页。如何让jQuery Mobile重定向到新页面?

实施例:

用户访问foo.com/index.php

当他们点击登录时,它会将它们带到foo.com/login.php

这一点我已经能够找出使用:

<a class="ui-block-a" data-role="button" type="submit" onclick="window.location.replace('./login.php');">Login</a>` 

当我尝试设置href"./login.php",它把我送到foo.com/#./login.php

这是一切都很好,但Web浏览器是真的要:

foo.com/index.php 
foo.com/index.php#undefined 
foo.com/login.php 

这是造成问题,因为用户必须点击两次后退按钮。

如何让用户从index.phplogin.php而不需要浏览器先尝试去#undefined

我也试过:

<a class="ui-block-a" data-role="button" type="submit" onclick="window.location.replace('./login.php');" href="">Login</a> 

,但它仍然向观众foo.com/index.php#正确重定向之前。

回答

4
<a href="javascript:location.replace('./login.php');" class="ui-block-a" data-role="button" type="submit" >Login</a> 

而且,你有没有考虑只是单纯的链接到网页通常但随着rel="external"属性?

+0

我尝试过,但是当我测试它时,它会尝试将我发送到:'foo.com/#javascript:window.location.replace('./ login.php');'这会导致错误。我曾尝试过'rel =“external”',但那不会将我送到任何地方;当我点击按钮没有任何反应。 – NightShade 2012-01-05 01:39:55

+0

试试这个作为你的链接。我在我的测试网站上试了一下,它工作得很好..'Login' – sgliser 2012-01-05 16:07:53

+0

这不适合我,但我也加入了rel =“external”,现在它工作的很完美。非常感谢! – NightShade 2012-01-05 18:36:02

0

尝试使window.location.replace('login.php');window.location.replace('/login.php');

+0

他们都带我去'#undefined'然后重定向。我也试过'location.href ='login.php';'(和其他变体),但它仍然带我去#undefined。 – NightShade 2012-01-04 19:46:27