文档章节

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

康州牧码人
 康州牧码人
发布于 2015/04/01 09:30
字数 354
阅读 10
收藏 0
这两天一直在纠结与于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元素,所以添加样式到其外

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

本文转载自:http://blog.sina.com.cn/s/blog_832cc1740101d84d.html

康州牧码人
粉丝 6
博文 24
码字总数 11051
作品 0
深圳
程序员
私信 提问
9 款 jQuery 插件为你的网站增加亮点

jQuery 现在已经有一统ajax框架的趋势,或许日后将成为ajax的标准框架也难说。本文向你推荐9款jQuery插件,使用这些插件可使你的网站增色不少。 开始吧! Sticky Sidebar :当页面向下滚动时...

红薯
2011/04/20
7.9K
13
jQuery系列 第一章 jQuery框架简单介绍

第一章 jQuery框架简单介绍   1.1 jQuery简介   jQuery是一款优秀的javaScript库(框架),该框架凭借简洁的语法和跨平台的兼容性,极大的简化了开发人员对HTML文档,DOM,事件以及Ajax的...

文顶顶水水
2018/04/09
0
0
12个最新免费的jQuery插件周报#5(2015年)

(06/03/2015 至 13/03/2015)这周收集的12个最好、最新的12个免费jQuery插件 Elastic SVG Sidebar Material Design 弹性SVG侧栏导航,受 Material Design 启发 Animating labels for input f......

IanSun
2015/03/14
237
1
Sencha Touch 和 jQuery Mobile 的比较

很多人问我Sencha Touch (百度百科Sencha Touch译者加) 和jQuery Mobile哪个更好。事实上,它两的区别就像是Web后台编程,PHP和Java。它们都能完成同样的功能,但其实它们是为不同的目的而创...

oschina
2013/07/28
26.7K
24
第一天 认识jQuery mobile 框架,资源,书籍

前言 这里就不对jquery mobile做过多的历史介绍,直接进行jQuery mobile的学习 jQuery mobile 框架纵览 1.jQuery mobile 的显示结构 如图1.1 从上面的图示我们可以知道,一个完整的页面是由 he...

打杂程序猿
2011/12/22
609
2

没有更多内容

加载失败,请刷新页面

加载更多

总结:TCP/IP协议

一、介绍 TCP协议属于OSI七层模型中的传输层协议,提供处于网络连接中的两台计算机之间的数据 传输。   在传输层有两个性质不同的协议:TCP(Transmission Control Protocol,传输控制协议...

浮躁的码农
17分钟前
2
0
一言不合就删库跑路?万名贡献者和阿里巴巴开源的二三事

9 月 27 日云栖大会,阿里巴巴宣布贾扬清担任开源技术委员会负责人。 有人问:开源是为了什么? 从个人视角看,可以证明自己的专业能力,获得行业认可; 从企业视角看,可以建立技术影响力,...

大涛学弟
28分钟前
3
0
JAVA编程注意事项(性能篇)

1. 尽量在合适的场合使用单例 使用单例可以缩短加载的时间,提高加载的效率,单例主要适用于以下三个方面: 第一,控制资源的使用,通过线程同步来控制资源的并发访问; 第二,控制实例的产生...

你好夜故事
29分钟前
3
0
List 前端 AngularJS JS 对IP排序

数据格式 $scope.dataList=[ {"ip":"192.168.10.10", "port":"8080",...}, { "ip":"192.168.10.12", "port":"8080",... } ,.....] 调用 $scope.ipSortForward($scope.dataList,"ip") 核心代码......

最菜最菜之小菜鸟
30分钟前
3
0
浅析Cassandra LeveledCompactionStrategy

前言 Cassandra是基于LSM架构的分布式数据库。LSM中有一个很重要的过程,就是压缩(Compaction)。默认的压缩策略是SizeTieredCompactionStrategy,今天主要说一下另一种压缩策略LeveledComp...

阿里云官方博客
34分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部