2012-03-08 66 views
1

如何pass a hash value manually to a next page在jQuery Mobile的和收到的pagecreate/pageshow通額外的價值使用手動chagePage

當按鈕點擊第1頁

$.mobile.changePage('#page2?val=1', { 
       transition: 'slideup'  
      } 

      ); 

HTML網頁代碼

被我試過以下
<html> 
<head><title>jQuery Mobile Test</title></head> 
<body> 
    <div id="page1" data-role="page"> 
     <div data-role="header"> 
      <h1>Page 1</h1> 
     </div> 
     <div data-role="content"> 
      Place content here 
      // i tried this too but didnt receive at the pagecreate of pge 1 
      <a href="#page2?val=1" data-role="button">Send Value</a>    

     </div> 
     <div data-role="footer"> 
      <h1>Footer</h1> 
     </div> 
    </div> 
    <div id="page2" data-role="page" data-add-back-btn="true"> 
     <div data-role="header"> 
      <h1>Page 2</h1> 
     </div> 
     <div data-role="content"> 
      Place content here 
     </div> 
     <div data-role="footer"> 
      <h1>Footer</h1> 
     </div> 
    </div> 
</body> 
</html> 
+0

如果'#page2'是一樣的DOM的一部分,大約只設置一個局部變量和檢索它的方式是什麼? – shanabus 2012-03-08 15:11:47

+0

如果頁面得到刷新,那麼我將失去價值,page1和page2在一個html文件只 – Hunt 2012-03-08 15:13:40

回答

2

好吧,它看起來像jqm不支持:

jQuery Mobile不支持查詢參數傳遞到 內部/嵌入式頁面。

然而,它們的文檔提供了插件,可以幫助你:

有兩個插件,如果頁面之間需要查詢 參數,您可以添加到您的項目。與backbone.js或spine.js一起使用的是輕量級頁面 params plugin和更全面的jQuery Mobile router plugin

發現在所謂的「頁面之間傳遞參數」這裏的部分:http://jquerymobile.com/test/docs/pages/page-scripting.html

+0

+1,因爲這是正確的迴應 – 2012-03-08 15:37:14

+0

謝謝,我幾乎連線一些jsfiddle解析的參數,然後我發現文檔。 – shanabus 2012-03-08 15:38:28

+0

@shanabus +1快速狩獵;)謝謝 – Hunt 2012-03-08 16:45:35