上記のソリューションの完全なビンを作成しました。
以下の手順に従います。
1) 最新の jquery.js ファイルを含めます。
2) js でクエリ文字列変数の値を取得するための querystring-0.9.0.js を含めます。
3) HTML :
<a href="#?param1=abc¶m2=def">
abc
</a>
ここで「#?param1=abc¶m2=def」を使用しました。これは、ビンではページをリダイレクトして Java スクリプトを実行できないため、同じページにクエリ文字列を追加してテストするだけだからです。
4) script タグ内の jQuery:
$(function() {
$("a").click(function() {
setTimeout(function() {
var param1 = $.QueryString("param1");
var param2 = $.QueryString("param2");
alert(param1);
alert(param2);
}, 300);
});
});
クエリ文字列が同じページに追加されている場合、上記のスクリプトは正常に機能しますが、別のページ ナビゲーションでは、setTimeout 関数を削除する必要がありますが、スクリプトはそのまま保持し、以下のようにこれらのステートメントを実行するページでクエリ文字列でナビゲートします。そのため、異なるナビゲーションには、最初に jquery と querystring-0.9.0.js の両方の Java スクリプト ファイルをヘッダーに含める必要があります。
$(function() {
var param1 = $.QueryString("param1");
var param2 = $.QueryString("param2");
alert(param1);
alert(param2);
});
http://codebins.com/bin/4ldqpacで試すことができます