jquery mobile局部渲染 [个人新浪微博]

2019独角兽企业重金招聘Python工程师标准>>>

这两天一直在纠结与于jqm的局部渲染问题

遇到的问题是：在通过js或者ajax后，加载进来的select（带有动态数据）无法正常显示（样式边丑了，就是是原生的select）,通过各种google后，发现了网上的两个解决方法

1.通过refresh方法

$(  ".selector"  ).selectmenu(  "refresh"  );

或者：

var myselect = $("select#foo");

 myselect[0].selectedIndex = 3;   myselect.selectmenu("refresh");

这种方法无法解决我的问题

2.是通过trigger("create")方法

$("#fdsqList").trigger("create"); //进行刷新。不然没有样式。

感谢： http://www.tuicool.com/articles/eayUVz  给予我灵感

下面给出demo

$(".content-main").append(" 演讲协会 ........ ");// js插入select

 $("#select-native-club").trigger("create"); //1.第一种，选择select元素..这个不能实现

 $(".content-main").trigger("create"); //2.选择select的父级元素。。这个实现了

关键在于：选择select的父级元素，调用trigger("create")，这个同时也解决了通过ajax添加select时显示不正常的问题。。。。至于为什么要添加到父级标签

个人能想到的可能是：

选择select元素，当create的时候，由于外层有父级元素，所以mobile不能添加到select上

选择select元素的父级元素，create的时候，mobile识别其内部存在select元素，所以添加样式到其外

个人理解，有更好想法的大大请留言

转载于:https://my.oschina.net/gavinnie/blog/394513