jquery mobile動態(tài)添加元素之后不能正確渲染解決方法說明
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事件:
<span style="font-size:18px;"> $(selector).trigger('create');</span>
create事件適用范圍廣,甚至可以是 不存在的元素(raw markup?),比如要插入一個按鈕
$('<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)行配置
$(document).bind('mobileinit',function(){
$.mobile.page.prototype.options.keepNative = "select, input.foo, textarea.bar";
});
相關(guān)文章
jquery解析json格式數(shù)據(jù)的方法(對象、字符串)
這篇文章主要介紹了jquery解析json格式數(shù)據(jù)的方法,包括針對json對象及json字符串的解析技巧,并附帶了完整的jQuery解析json數(shù)據(jù)示例,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
easyUI實現(xiàn)類似搜索框關(guān)鍵詞自動提示功能示例代碼
本篇文章主要介紹了easyUI實現(xiàn)類似搜索框關(guān)鍵詞自動提示功能示例代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2016-12-12
jQuery實現(xiàn)獲取動態(tài)添加的標(biāo)簽對象示例
這篇文章主要介紹了jQuery實現(xiàn)獲取動態(tài)添加的標(biāo)簽對象,涉及jQuery針對頁面元素的動態(tài)添加、元素獲取與事件響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2018-06-06

