1

我有一个按钮,可以打开一个包含另一个 html 文件的对话框。我想做的是将变量传递给对话框。这就是我所拥有的。

var html = ""; 
var PLAN_ID = '1234';
html += "<div>"
html += '<a href="formFinal.html?Planid=' + PLAN_ID +'" data-rel="dialog" data role="button">Final</a>'
html += "</div>"

PLAN_ID 变量是我希望推送到 formFinal.html 的变量。我可以使用以下代码在对话框中填充隐藏的文本输入。

$(document).on('pageshow', '#FinalPostPage', function(e) {
  var page = $(this);
  var query = page.data("url").split("?")[1];
  var planid = query.split("=")[1];
  $("input[name=Title]",this).val(planid);    
})

我可以使用它,但该变量直到 formFinal.html 页面加载后才会填充。我需要在页面开发时使用该变量。希望这是有道理的。

4

1 回答 1

5

您可以使用localStorage将数据从该页面传输到其他页面。

创建按钮时,将PLAN_ID变量作为data-*属性添加到a并为其创建一个 id/class:

var html = ""; 
var PLAN_ID = '1234';
html += "<div>"
html += '<a href="formFinal.html" id="dialog-send" data-planid="' + PLAN_ID + '" data-rel="dialog" data role="button">Final</a>'
html += "</div>"

click为按钮单击编写一个事件:

$(document).on("click", '#dialog-send' ,function(e) {
   //prevent default action. we dont want it to redirect. Just yet. 
   e.preventDefault();
   //set item in localStorage.
   localStorage["plan_id"] = $(this).data("planid");
   //then use changePage to redirect 
   $.mobile.changePage(this.href, {transition: 'pop', role: 'dialog'});     
});

在你的pageshow活动中,

$(document).on('pageshow', '#FinalPostPage', function(e) {
  var page = $(this);
  //var query = page.data("url").split("?")[1];
  //get plan id from localStorage 
  var planid = localStorage["plan_id"];
  $("input[name=Title]",this).val(planid);    
});

希望这可以帮助。

于 2013-08-05T05:28:13.947 回答