jQuery Mobile에서 변수를 대화 상자 변수에 전달

Question

다른 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 페이지가로드 될 때까지 변수가 채워지지 않습니다. 페이지가 개발되는 동안 변수를 사용해야합니다. 희망이 의미가 있습니다.

Answer 1

localStorage을 사용하여이 페이지에서 다른 페이지로 데이터를 전송할 수 있습니다.

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 이벤트 기록 : 버튼을 만들 때

는

는 a에 data-* 속성으로 PLAN_ID 변수를 추가하고 또한의 ID/클래스를 생성

을 당신의 pageshow 이벤트에

$(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'});  
}); 

,

$(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);  
}); 

희망이 도움이됩니다.