文档章节

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
码字总数 10993
作品 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
0
1
第一天 认识jQuery mobile 框架,资源,书籍

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

打杂程序猿
2011/12/22
0
2
让人期待的2011年度最佳 jQuery 插件发布啦

  近日,国外著名博客WDL发布了2011年度最佳 jQuery 插件。jQuery 自2006年发布以来,经过五年的迅速发展,目前已是最流行和使用最广泛的 JavaScript 框架。jQuery 的易扩展性吸引了来自全...

Yamazaki
2012/05/02
0
0
jquery form元素操作

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("o......

remainvitality
2013/10/25
0
0
GBin1推荐:分享2011年8个最新的jQuery Mobile在线教程

日期: 2011/10/18 作者:GBin1.com jQuery Mobile目前已经发布了RC1, 随着类库的完善,jQueryMobile必将成为移动端开发的利器之一,今天我们收集了2011年最新的8个jQuery移动开发教程,包含...

gbin1
2011/10/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

ajax 提交返回map集合 获取不到值

后台java代码 @RequestMapping("/cameraList") @ResponseBody public Map<String, Object> cameraListForPage(@RequestParam(defaultValue = "1", value = "page") Integer page......

S三少S
17分钟前
26
2
TypeScrip最污的技术课-技术胖TypeScript图文视频教程

近日Node.js之父瑞安达尔(Ryan Dahl)发布新的开源项目 deno,从官方介绍来看,可以认为它是下一代 Node,使用 rust 语言代替 C++ 重新编写跨平台底层内核驱动,上层仍然使用 V8 引擎,最终...

JamesView
19分钟前
5
0
Es学习笔记

1.过滤排重聚合查询 筛选出某一个聚合值的个数统计。相当于mysql的distinct. 关键字:cardinality "aggs": { "2":{ "cardinality": { "field": "field" } ...

Gmupload
22分钟前
1
0
h5语义化标签

语义化HTML:用最恰当的HTML元素标签做恰当的事情。 优点: 提升可访问性; SEO; 结构清晰,利于维护; 通用容器:div——块级通用容器;span——短语内容无语义容器。 <title></title>:简...

莫西摩西
28分钟前
1
0
修改11g rac中 asm diskstring的发现路径

问题 : 如果我 们asm_disking以前是/dev/oracleasm/disks/* ,并且现在已经有磁盘组再用这个磁盘串了,那么,我们无法直接修改这个发现串为 ORCL:*,修改会报错,提示存在的磁盘无法使用新的...

tututu_jiang
31分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部