이것은 우리가 세부 사항을 채울 HTML 첫 페이지입니다.
<div data-role="content">
<div data-role="fieldcontain">
<label for="name1">Name</label>
<input name="name1" id="name1" value="" type="text">
</div>
<div data-role="fieldcontain">
<label for="age">Age</label>
<input name="age" id="age" value="" type="text">
</div>
<div data-role="fieldcontain">
<label for="address">Address</label>
<input name="address" id="address" value="" type="text">
</div>
<div data-role="fieldcontain">
<label for="mobile">Mobile</label>
<input name="mobilet" id="mobile" value="" type="text">
</div>
<div data-role="button" data-theme="b" data-inline="true" id="button">Submit</div>
</div>
아래는 채워진 데이터를 표시 할 두 번째 페이지입니다. 사용자를 첫 번째 페이지로 다시 이동하는 하나의 편집 버튼이 제공됩니다.
<div data-role="content" id="content2">
<form id="form1">
<div data-role="fieldcontain">
<label for="name">Name</label>
<span class="field" style="padding:350px;" id="un"></span>
</div>
<div data-role="fieldcontain">
<label for="age">age</label>
<span class="field1" style="padding:350px;" id="pw"></span>
</div>
<div data-role="fieldcontain">
<label for="address">Address</label>
<span class="field2" style="padding:350px;" id="au"></span>
</div>
<div data-role="fieldcontain">
<label for="mobile">Mobile</label>
<span class="field3" style="padding:350px;" id="fr"></span>
</div>
<div style="text-align:center;">
<div data-role="button" data-theme="b" data-inline="true" id="button2">Edit</div>
</div>
</form>
</div>
jquery에서 :-
$(document).unbind('pageinit').bind('pageinit', function () {
$("#button1").click(function () {
callConnection();
});
$("#button2").click(function () {
callEditConnection();
});
});
function callConnection(){
localStorage.setItem("user", $("#name1").val());
localStorage.setItem("pass", $("#age").val());
$.mobile.changePage("#page2");
}
function callEditConnection(){
$("#un").val(localStorage.getItem("user"));
$("#pw").val(localStorage.getItem("pass"));
$.mobile.changePage("#page1");
}
내 코드에서 page2의 값이 page1의 값이 오지 않는다는 문제가 무엇인지 알 수 있도록 도와주세요.
귀하의 코드에서 2 페이지로 데이터를 전달하고 있음을 알 수 없습니다. 1 페이지에서 입력 한 데이터를 표시하고 싶다고 가정합니다. 문서 바인딩 방법 에이 코드를 넣으십시오.
$("#page2").on("pageshow", function (event) {
$("#un").text(localStorage.getItem("user"));
$("#pw").text(localStorage.getItem("pass"));
});
페이지가 표시 될 때 기능이 트리거됩니다. 그래서 여기서 우리는 로컬 저장소에서 값을 가져 와서 html에 넣습니다.
여기 작동하는 바이올린이 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다