jquery-mobile頁面中的Cookie值填充

-1

我有一種情況，我試圖在單擊預覽按鈕時填充所有cookie值。這個完整的人口是在document.ready事件中完成的。以下是prepop的代碼。jquery-mobile頁面中的Cookie值填充

while($.cookie('date['+cnt+']')!=null) 
{ 
    $('#date').append(""+$.cookie('date[0]')); 
    var newTextBoxDiv = $(document.createElement('div')).attr("id", 'div' + cnt); 
    var detlen=$.cookie('date['+cnt+']').length; 

    newTextBoxDiv.after().html('<td>' + 
     '<input type="hidden" name="txtdt" id="txtdt' + cnt + '" value="'+$.cookie('date['+cnt+']') + '" size="12" style="font-weight:bold;text-align:center" disabled="disabled"> ' + 
     '<input type="text" name="txtftime" id="txtfr' + cnt + '" value="'+$.cookie('ftime['+cnt+']') + '" size="4" style="font-weight:bold;text-align:center" disabled="disabled"> ' + 
     '<input type="text" name="txttotime" id="txtto' + cnt + '" value="'+$.cookie('totime['+cnt+']') + '" size="4" style="font-weight:bold;text-align:center" disabled="disabled"> ' + 
     '<input type="text" name="txtac" id="txtac' + cnt + '" value="'+$.cookie('act['+cnt+']') + '" size="15" style="font-weight:bold;text-align:center" disabled="disabled"> ' + 
     '<input type="text" name="txtdet" id="txtdet' + cnt + '" value="'+$.cookie('det['+cnt+']') + '" size="'+detlen + '" style="font-weight:bold;text-align:center" disabled="disabled"> ' + 
     '<input type="hidden" name="txteid" id="txteid' + cnt + '" value="'+$.cookie('ename['+cnt+']') + '"> ' + 
     '<input type="hidden" name="txtsid" id="txtsid' + cnt + '" value="'+$.cookie('sname['+cnt+']') + '"> '+ 
     '<img src="edit.ico" alt="Edit" id="' + cnt + '" name="edit" class="toolTip" title="Edit Row" /> ' + 
     '<img src="save.ico" id="' + cnt + 
     '"alt="Save" name="save" class="toolTip" title="Save" />&nbsp;<img src="delete.ico" id="' + cnt + 
     '"alt="Delete" name="delete" class="toolTip" title="Delete Row"/>'); 
newTextBoxDiv.appendTo("#TextBoxesGroup"); 
cnt++; 
} 

<body body style="overflow-y:hidden"> 
<div data-role="page" data-theme="d" id="previewPage"> 
<center> 
<div data-role="header" data-theme="b"> 
<a href="#" id="logout" data-icon="refresh">Logout</a> 
<h1>Time Sheet Preview </h1> 
<a href="#" id="back" data-icon="back">Back</a> 
</div><!-- Header --> 

<div date-role="content"> 
<form name='frmprev' id='frmprev'> 
<input type="hidden" name="txtdt" id="txtdt"> 
<!--<table id='TextBoxesGroup' class="demo" cellpadding="0.5" cellspacing="0.5">--> 
<div id="date" data-theme="b">Date :</div> 
<table id="TextBoxesGroup" cellpadding="0" cellspacing="0"> 
</table> 
<input type="hidden" name="max" id="max"> 
</form> 
</div> 
<div data-role="footer" data-theme="b"> 
<fieldset class="ui-grid-a"> 
<div class="ui-block-a"><button name="sub" id="sub" >Submit</button></div> 
<div class="ui-block-b"><button name="cncl" id="cncl" >Cancel</button></div> 
</fieldset> 
</div> 
</div> 
</body>

問題是，當頁面加載cookie數據，然後外觀和感覺是jquery手機沒有啓用。因爲在這我需要動態列出。因此，不能有一個固定的HTML。請做幫助，在此先感謝維尼特中號

來源

2012-01-09 Cyber Knight

你已經告訴我們你想要做什麼 - 你遇到了什麼問題或錯誤？ – 2012-01-09 09:51:16

這個流行頁面的外觀和感覺就像沒有應用jquery-mobile樣式，有人可以改善或者以其他方式暗示我。 – 2012-01-09 09:52:02

@RoryMcCrossan ::是的，我編輯了這個問題。如有疑問請詢問。 – 2012-01-09 10:07:04

是您的新的div追加到data-theme屬性的元素？或將data-theme屬性添加到新的div。

也許發佈您的html將有助於進一步。

來源

2012-01-09 13:16:19

您好我已根據您的要求編輯我的問題 – 2012-01-10 04:52:58

''div date-role =「content」>'這應該是'數據角色'，但您也可以嘗試向您的表格元素添加'數據主題'。

也沒有任何結束標記。這可能只是因爲jQM格式的HTML太亂了？ ''這看起來不太好。 – 2012-01-10 13:56:16

感謝您的建議。已經完成了你發送的所有更正。但仍然存在失敗。我的問題是非常相似的這個問題[鏈接]（http://stackoverflow.com/questions/8737881/how-do-i-dynamically-refresh-complex-divs-in-jquery-mobile）我也試過但仍然沒有成功 – 2012-01-11 09:55:50

jquery-mobile頁面中的Cookie值填充

回答

相關問題