[英]jquery mobile multipage with javascript template, does not always “refresh”
我有一個多頁jQuery移動頁。
當我從第1頁轉到第2頁時,我看到了使用車把動態創建的模板。
模板:
<script id="history-template" type="text/x-handlebars-template">
<div data-role="collapsible" id="share_history" >
<h3>{{share_title}}</h3>
{{#each historyItem}}
<h2>Shared with {{shared_with}}</h2>
{{#list people}}{{firstName}} {{lastName}}, {{role}}{{/list}}
{{/each}}
</div>
</script>
JavaScript:
var context = {
share_title: "View Share History",
historyItem: [
{
shared_with: "with a group",
people: [
{firstName: "Bob", lastName: "Wong", role: "Dad" },
{firstName: "Tina", lastName: "Turner", role: "Guardian" },
{firstName: "Modest", lastName: "Mouse", role: "Dad" }
]
},
{
shared_with: "with 3 people",
people: [
{firstName: "Baily", lastName: "Wong", role: "Dad" },
{firstName: "Gina", lastName: "Turner", role: "Guardian" },
{firstName: "Modest", lastName: "Mouse", role: "Dad" }
]
}
]
};
var source = $("#history-template").html();
var template = Handlebars.compile(source);
Handlebars.registerHelper('list', function(people, options) {
var out = "<ul class=>";
for(var i=0, l=people.length; i<l; i++) {
out = out + "<li>" + options.fn(people[i]) + "</li>";
}
return out + "</ul>";
});
var html = template(context);
$('#share').html(html);
$.mobile.changePage('#add-edit');
當我從第1頁轉到第2頁時(在我的多頁布局中),它可以正常工作。
但是,如果單擊“后退”按鈕, 然后返回到第2頁, 則會看到我的內容...減去jQuery mobile添加的其他標記(即,我看到的是內容,但沒有看到我的jQuery mobile外觀/主題)。
編輯
對於我的示例,我必須執行以下操作:
$('#share').html(html).trigger( "create" );
您將需要在html元素上觸發create事件,例如
el.trigger('create');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.