jquery移动页面中的Cookie值填充_Jquery_Cookies_Jquery Mobile

jquery移动页面中的Cookie值填充

jquery cookies jquery-mobile

jquery移动页面中的Cookie值填充,jquery,cookies,jquery-mobile,Jquery,Cookies,Jquery Mobile,我遇到的情况是，如果单击预览按钮，我将尝试填充所有cookie值。此完整填充在document.ready事件中完成。以下是prepp的代码 while($.cookie('date['+cnt+']')!=null) { $('#date').append(""+$.cookie('date[0]')); var newTextBoxDiv = $(document.createElement('div')).attr("id", 'div' + cnt); var detl

我遇到的情况是，如果单击预览按钮，我将尝试填充所有cookie值。此完整填充在document.ready事件中完成。以下是prepp的代码

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>

while（$.cookie（'date['+cnt+']'）！=null）
{
$（'日期'）.append（“+$.cookie（'日期[0]）；
var newTextBoxDiv=$（document.createElement（'div'））.attr（“id”，“div'+cnt”）；
var detlen=$.cookie（'date['+cnt+']'）。长度；
newTextBoxDiv.after（）.html（“”+
'  ' +
'  ' +
'  ' +
'  ' +
'  ' +
'  ' +
'  '+
'  ' +
' ');
newTextBoxDiv.appendTo（“#textboxsgroup”）；
cnt++；
}
时间表预览
日期：
提交
取消

问题是，当页面加载cookie数据时，jquery mobile的外观是不启用的。因为在这里，我需要被动态地列出。因此，不能对此使用固定的html。请帮忙，提前谢谢

Vineet M

您的新div是否附加到具有

数据主题

属性的元素中？或者将数据主题属性添加到新div

也许发布您的html会有更大帮助。

您已经告诉我们您正在尝试做什么-您在这方面遇到了什么问题或错误？这个输出页面的外观和感觉就像没有应用jquery mobile样式。有人可以改进或建议我其他方法。@Rorymcrossan:：是的，我已经编辑了这个问题。如果有任何疑问，请询问。

这应该是“数据角色”，但您也可以尝试向表元素添加“数据主题”。也没有任何结束标记。可能只是HTML对于jQM格式来说太混乱了<代码>这看起来也不太好。谢谢你的建议。已完成您发送的所有更正。但还是有一个失败。我的问题与这个问题非常相似，我也尝试过那个问题，但仍然没有success@Vineet-请参阅此处的jQM文档，了解如何确保呈现新标记-请参阅标题为“增强新标记”和“创建与刷新”的部分。请记住，jQM主题化与CSS不同，jQM流程应用CSS标记来应用主题（需要告知它这样做）。