jquery mobile局部渲染 [个人新浪微博]
jquery mobile局部渲染 [个人新浪微博]
康州牧码人 发表于3年前
jquery mobile局部渲染 [个人新浪微博]
  • 发表于 3年前
  • 阅读 9
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

摘要: 博客转移,记录一下
这两天一直在纠结与于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元素,所以添加样式到其外

个人理解,有更好想法的大大请留言
共有 人打赏支持
粉丝 6
博文 23
码字总数 10993
×
康州牧码人
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: