2012-01-04 8 views
2

私はWebアプリケーション用にJquery Mobileを使用しようとしています。ユーザーがクリックしたボタンに応じて、それらを新しいWebページにリダイレクトします。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>` 

私は"./login.php"からhrefを設定してみてください、それは私がfoo.com/#./login.phpに送信します。

すべてが順調と良いですが、Webブラウザが実際に起こっている:

ユーザーは二回戻るボタンをクリックする必要があるため、問題を引き起こしている
foo.com/index.php 
foo.com/index.php#undefined 
foo.com/login.php 

index.phpからlogin.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> 

window.location.replace('/login.php');、あなたは単に通常けどrel="external"の属性を持つページへのリンクを検討している作ってみますか?

+0

私はそれを試しましたが、試してみると 'foo.com/#javascript:window.location.replace( './ login.php');'に送られてエラーが発生します。私は 'rel =" external "'を試みましたが、それはどこにでも私を送りません。ボタンをクリックしても何も起こりません。 – NightShade

+0

あなたのリンクとしてこれを試してください。私はテストサイトで試してみましたが、それは完璧に働いていました.. 'Login ' – sgliser

+0

私にとってはうまくいかず、rel =" external "で追加しました。本当にありがとう! – NightShade

0

は、それがwindow.location.replace('login.php'); あるいはまた

+0

彼らはどちらも私を '#未定義 'にしてリダイレクトしています。私も 'location.href = 'login.php';'(と他のバリエーション)を試しましたが、それでも私は#undefinedに連れて行っています。 – NightShade

関連する問題