jquery mobile動(dòng)態(tài)添加元素之后不能正確渲染解決方法說(shuō)明
jquerymobile動(dòng)態(tài)添加元素之后有些不能被正確渲染的解決方法:
listview: 添加 jq(".detail").listview("refresh");
div或其他:添加.trigger( "create" );
======================================================================
jqm在初始化頁(yè)面時(shí)會(huì)根據(jù)data-xxx在各元素中插入jqm的屬性和類等。在頁(yè)面初始化結(jié)束后,如果動(dòng)態(tài)的插入一個(gè)元素,往往顯示很丑陋,因?yàn)闆](méi)有插入jqm的樣式。這個(gè)可以用瀏覽器里的開發(fā)工具來(lái)查看,會(huì)發(fā)現(xiàn)有些元素多了很多類,而動(dòng)態(tài)插入的元素代碼還是你寫的那樣子。
如果要使動(dòng)態(tài)插入的元素具有jqm的樣式,可以對(duì)jqm對(duì)象觸發(fā)create事件:
<span style="font-size:18px;"> $(selector).trigger('create');</span>
create事件適用范圍廣,甚至可以是 不存在的元素(raw markup?),比如要插入一個(gè)按鈕
$('<a data-role="button">dy button</a>').appendTo('#content').trigger('create');
有些對(duì)象提供了refresh 方法,如listview、flip toggle。與create的區(qū)別是refresh方法需要作用在已存在的對(duì)象上,如
$('ul').listview('refresh'),而且refresh只會(huì)去更新新加入的元素,如listview里最新append的元素會(huì)更新,原有的保持不變。(不知有沒(méi)理解錯(cuò),有些沒(méi)測(cè)試。原文http://stackoverflow.com/questions/7663078/jquery-mobile-page-refresh-mechanism
不使用jqm樣式:
如果不希望jqm自動(dòng)初始化你的元素,有兩種方法。加入data-role="none"屬性,或者在mobileinit事件中對(duì)keepNative選項(xiàng)進(jìn)行配置
$(document).bind('mobileinit',function(){
$.mobile.page.prototype.options.keepNative = "select, input.foo, textarea.bar";
});
- jquery無(wú)法為動(dòng)態(tài)生成的元素添加點(diǎn)擊事件的解決方法(推薦)
- jQuery實(shí)現(xiàn)為動(dòng)態(tài)添加的元素綁定事件實(shí)例分析
- jquery動(dòng)態(tài)添加帶有樣式的HTML標(biāo)簽元素方法
- jQuery動(dòng)態(tài)添加元素?zé)o法觸發(fā)綁定事件的解決方法分析
- jQuery如何獲取動(dòng)態(tài)添加的元素
- jquery append 動(dòng)態(tài)添加的元素事件on 不起作用的解決方案
- jQuery給動(dòng)態(tài)添加的元素綁定事件的方法
- jquery動(dòng)態(tài)添加元素事件失效問(wèn)題解決方法
- Jquery 動(dòng)態(tài)添加元素并添加點(diǎn)擊事件實(shí)現(xiàn)過(guò)程解析
相關(guān)文章
jQuery jqgrid 對(duì)含特殊字符json 數(shù)據(jù)的 Java 處理方法
在網(wǎng)頁(yè)上使用 json 數(shù)據(jù),如果數(shù)據(jù)中含有特殊字符,會(huì)比較麻煩。2011-01-01jQuery簡(jiǎn)單獲取DIV和A標(biāo)簽元素位置的方法
這篇文章主要介紹了jQuery簡(jiǎn)單獲取DIV和A標(biāo)簽元素位置的方法,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面div及A標(biāo)簽元素相關(guān)操作技巧,需要的朋友可以參考下2017-02-02jquery下操作HTML控件的實(shí)現(xiàn)代碼
jquery 的操作HTML控件,需要的朋友可以參考下。2010-01-01jQuery實(shí)現(xiàn)小球點(diǎn)擊發(fā)射動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)小球點(diǎn)擊發(fā)射動(dòng)畫,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01基于JQUERY的兩個(gè)ListBox子項(xiàng)互相調(diào)整的實(shí)現(xiàn)代碼
基于JQUERY的兩個(gè)ListBox子項(xiàng)互相調(diào)整的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-05-05jQuery綁定事件方法及區(qū)別(bind,click,on,live,one)
這篇文章主要介紹了jq綁定事件方法及區(qū)別,通過(guò)五種綁定方式使用bind()進(jìn)行操作,并和one()進(jìn)行區(qū)分,需要的朋友可以參考下2017-08-08分享28款免費(fèi)實(shí)用的 JQuery 圖片和內(nèi)容滑塊插件
這篇文章主要介紹了分享28款免費(fèi)實(shí)用的 JQuery 圖片和內(nèi)容滑塊插件,需要的朋友可以參考下2014-12-12JavaScript的jQuery庫(kù)插件的簡(jiǎn)要開發(fā)指南
這篇文章主要介紹了JavaScript的jQuery庫(kù)插件的簡(jiǎn)要開發(fā)指南,分為基于選擇器的插件和不基于選擇器的插件兩種情況,需要的朋友可以參考下2015-08-08