欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery mobile動態(tài)添加元素之后不能正確渲染解決方法說明

 更新時間：2014年03月05日 09:02:07   作者：  
本篇文章主要是對jquery mobile動態(tài)添加元素之后不能正確渲染解決方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助

jquerymobile動態(tài)添加元素之后有些不能被正確渲染的解決方法：
listview： 添加 jq(".detail").listview("refresh");
div或其他：添加.trigger( "create" );
======================================================================

jqm在初始化頁面時會根據(jù)data-xxx在各元素中插入jqm的屬性和類等。在頁面初始化結(jié)束后，如果動態(tài)的插入一個元素，往往顯示很丑陋，因為沒有插入jqm的樣式。這個可以用瀏覽器里的開發(fā)工具來查看，會發(fā)現(xiàn)有些元素多了很多類，而動態(tài)插入的元素代碼還是你寫的那樣子。

如果要使動態(tài)插入的元素具有jqm的樣式，可以對jqm對象觸發(fā)create事件:

復(fù)制代碼 代碼如下:

<span style="font-size:18px;"> $(selector).trigger('create');</span> 

create事件適用范圍廣，甚至可以是 不存在的元素(raw markup?)，比如要插入一個按鈕
復(fù)制代碼 代碼如下:

$('<a data-role="button">dy button</a>').appendTo('#content').trigger('create');

有些對象提供了refresh 方法，如listview、flip toggle。與create的區(qū)別是refresh方法需要作用在已存在的對象上，如

$('ul').listview('refresh')，而且refresh只會去更新新加入的元素，如listview里最新append的元素會更新，原有的保持不變。（不知有沒理解錯，有些沒測試。原文http://stackoverflow.com/questions/7663078/jquery-mobile-page-refresh-mechanism

不使用jqm樣式：

如果不希望jqm自動初始化你的元素，有兩種方法。加入data-role="none"屬性，或者在mobileinit事件中對keepNative選項進(jìn)行配置

復(fù)制代碼 代碼如下:

$(document).bind('mobileinit',function(){
 $.mobile.page.prototype.options.keepNative = "select, input.foo, textarea.bar";
});

相關(guān)文章

最新評論