これが私のJavaScriptコードです
function loginPostData(jsonRequest)
{
alert("hello");
$.post("http://localhost:8080/edserve/MobileServlet",
JSON.stringify(jsonRequest),
function(data)
{
var obj = JSON.stringify(data);
alert(obj);
if(data.status=="success")
{
<!--problem lies here-->
$.mobile.changePage( "#mainMenu");
//$('#result').load('index.html#mainMenu');
// . load also give the same result
}
else
{
if(data.message=="user not verified")
{
//display verification page
}
}
}, "json");
}
問題:jqueryはメインメニューページをロードしますが、ページを更新するまで何も表示されません
私のページのクイックリファレンス
<div data-role="page" id="login">
// other page content
<div id="divrightButton">
<!-- calling loginSubmit which calls loginPostData method/function-->
<a class="bluebutton" href="#" onclick="loginSubmit(); return false;">Login</a>
</div>
</form>
</div>
<!--main page-->
<div data-role="page" id="mainMenu">
Main menu
</div>
また、同じページ遷移を伴うjqueryに問題があることも知りました https://github.com/jquery/jquery-mobile/issues/2529
しかし、これらの問題を修正する方法、万が一の場合に備えて、このノードに手がかりがありません。リダイレクト/ロードのために次のことも試しました
$.mobile.changePage("#mainMenu",{allowSamePageTransition: true });
$('#result').load('index.html#mainMenu');
$.mobile.changePage( $("#mainMenu"));
何も機能していません。つまり、機能していますが、結果は同じで、何も表示されません。