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值填充

回答

相关问题