У меня есть ситуация, когда я пытаюсь заполнить все значения файлов cookie в случае нажатия кнопки предварительного просмотра.это полное заполнение делается в событии document.ready.Ниже приведен код для prepop.
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" /> <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 mobile не включается.Так как в этом я должен быть перечислен динамически.Следовательно не может иметь фиксированный HTML для этого.Пожалуйста, помогите, заранее спасибо Vineet M