pagecontainerbeforechange只對特定的頁面

如何實現pagecontainerbeforechange只對特定的頁面pagecontainerbeforechange只對特定的頁面

我有這樣

$(document).on("pagecontainerbeforechange", function(e, data) { 

    alert(data.toPage[0].id); //TO TEST Name of PAGE 

    if (data.toPage[0].id == "detailsPage") // I DID this, but it didn't work 
    { 
    alert("DetailsPage"); 
    //Do Ajax 
    } 
});

來源

2017-08-07 Def

您必須測試'data'是一個字符串還是一個對象。如果它是一個字符串，請將其與您的字符串進行比較。 – Omar

如果它是一個對象，檢索頁面的ID並進行比較。 – Omar

-2

的jQuery試試這個：

$(document).on("pagecontainerbeforechange", function (e, data) { 
    alert(data.toPage[0].id); //TO TEST Name of PAGE 
    if(data.toPage[0].id == "detailsPage") { 
     alert ("DetailsPage"); 
     //Do Ajax 
    } 
});

例子：

$(document).on("pagecontainerbeforechange", function (e, data) { 
 
    e.preventDefault(); 
 
    //alert(data.toPage[0].id); //TO TEST Name of PAGE 
 
    if(data.toPage[0].id == "detailsPage") { 
 
     console.log("DetailsPage"); 
 
     //Do Ajax 
 
    } 
 
});

<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.js"></script> 
 
    <script type="text/javascript" src="//code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script> 
 
    <link rel="stylesheet" type="text/css" href="//code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.css"> 
 
</head> 
 
<body> 
 

 
    <div data-role="page" id="detailsPage" data-pagename='First Page'> 
 
    <div data-role="content"> 
 
     <div class='trace'> <a href="#second" data-role="button" data-mini='true' data-inline='true'>Second Page</a> 
 

 
     </div> 
 
    </div> 
 
</div>

來源

2017-08-07 16:28:35

謝謝你..但你的代碼與我上面的代碼相同，什麼都沒發生 – Def

請參閱示例演示.. –

您的回答不正確。 – Omar

pagecontainerbeforechange只對特定的頁面

回答

相關問題