2013-05-01 68 views
0

我有兩個包含PHP代碼的jQueryMobile頁面。在頁面A上,我有一個顯示MySQL數據庫內容的SELECT。頁面B提供了將數據添加到數據庫的可能性。現在,當從頁面A導航到頁面B(通過changePage)並返回到頁面A並帶有「返回」按鈕時,SELECT的內容(當然)不會刷新。導航後用php內容刷新jQueryMobile頁面

什麼是在jQueryMobile中做到這一點的正確方法?這裏最重要的是頁面的PHP部分需要被執行,並且SELECT需要被更新。

非常感謝!

回答

0

你擁有的PHP運行第一頁就需要

$(document).on("pagebeforeshow", "#yourpageid", function() { 

)};

這隻會在你的php select是通過jquery調用創建時才起作用。在我的情況下,我發現創建jQuery元素與PHP結果是從長遠來看更容易。

在我的情況我有這個。

<div data-role="fieldcontain"> 
         <script type="text/javascript"> 
          $(document).on("pagebeforeshow", "#index4", function() { 
           $(function(){ 
            var items=""; 
            $.getJSON("ajaxResponder.php?method=getContacts",function(data){ 
            $.each(data,function(index,item) 
            { 
            items+="<option value='"+item.email+"'>"+item.username+"</option>"; 
            }); 
            $("#contacts").html(items); 
            $("#contacts").trigger("change"); 
            }); 
           }); 
          }); 
         </script> 
         <select name="contacts[]" id="contacts" multiple="multiple" data-native-menu="false"> 
         </select> 
        </div> 

沒有任何代碼示例以及如何編寫代碼,這是我的最佳答案。