`
wangming2012
  • 浏览: 141338 次
  • 性别: Icon_minigender_1
  • 来自: 枣阳
社区版块
存档分类
最新评论

jquery mobile 动态添加元素

 
阅读更多

 jquerymobile动态添加元素之后有些不能被正确渲染的解决方法:
listview: 添加 jq(".detail").listview("refresh");
div或其他: 添加.trigger( "create" );

      jq(".detail:eq("+ix+1+")").append("<li>"+data.linete[i].S_Station+data.linete[i].D_Station+data.linete[i].S_Time+data.linete[i].D_Time+data.linete[i].distance+"</li>");
                
            });
            jq(".detail").listview("refresh")


  jq("#container").append("<div data-role='collapsible' data-collapsed='true' class='info' data-transit='"+window.tranResult.getLo(i)+"' data-source='"+tran.getSource()+"'data-destination='"+tran.getDestination()+"'><h2>"+window.tranResult.getLo(i)+"</h2><ul data-role='listview' data-inset='true' class='detail'> </ul><ul data-role='listview' data-inset='true' class='detail'></ul></div>").trigger( "create" );

分享到:
评论

相关推荐

    jquery mobile动态添加元素之后不能正确渲染解决方法说明

    jquerymobile动态添加元素之后有些不能被正确渲染的解决方法:listview: 添加 jq(“.detail”).listview(“refresh”);div或其他:添加.trigger( “create” );==================================================...

    jqueryMobile 动态添加元素,展示刷新视图的实现方法

    在动态添加元素并展示刷新视图方面,jQuery Mobile 提供了一系列的方法来实现这一需求。本文将会详细阐述在jQuery Mobile中动态添加不同类型的元素如文本域、输入框、组合选择框、列表视图、滑动控件、切换开关以及...

    jQueryMobile 仿qq侧滑删除以及动态添加

    在这个主题中,“jQueryMobile 仿qq侧滑删除以及动态添加”主要关注两个核心功能:模仿 QQ 的侧滑删除效果和动态添加内容。 首先,侧滑删除是移动应用中常见的一种交互方式,尤其在列表或网格视图中。QQ 的侧滑删除...

    jQuery动态添加删除移动列表插件

    本篇文章将详细讲解基于jQuery的动态添加、删除和移动列表插件的实现方法,以及如何利用相关代码进行数据操作。 首先,jQuery动态添加功能允许我们在用户交互时实时向页面中的列表添加新元素。例如,当你有一个表单...

    jquerymobile设计完整例子

    jQuery Mobile 的`&lt;div data-role="navbar"&gt;`元素是创建固定顶部或底部导航栏的理想选择。每个导航项可以通过`&lt;a&gt;`标签来创建,并通过`href`属性链接到相应的页面。此外,`data-icon`属性可以添加图标,提升用户体验...

    jQueryMobile-HTML5模板

    4. **扩展功能**:结合JavaScript和jQuery,添加新的功能,如动态加载数据、实时交互等。 5. **项目实践**:将学到的知识应用于实际项目,从模板出发构建完整的移动应用。 总的来说,jQuery Mobile HTML5模板是...

    jQuery mobile相册的一种样式

    jQuery Mobile提供了`animate()`函数,可以方便地添加这些动画。 5. **响应式设计**:考虑到不同设备的屏幕尺寸,相册样式应该具备响应性。我们可以使用媒体查询(media queries)来根据屏幕大小调整布局,确保在...

    jQuery mobile相册

    4. **数据-翻转属性**:利用jQuery Mobile的"data-transition"属性,可以添加平滑的过渡效果,比如"slide"或"fade",增强用户体验。 5. **自动滚动**:提到的"autoadvance 相册"可能是指相册具有自动滚动功能,这...

    jquery mobile datepicker 手机端日期选择器

    《jQuery Mobile Datepicker:手机端日期选择器深度解析》 在移动应用开发中,日期选择器是一个不可或缺的组件,它提供了用户友好的界面,让用户能够方便地选择日期。jQuery Mobile Datepicker 是一个专为手机端...

    jquery mobile官方git资源

    2. **数据属性和增强**:jQuery Mobile通过"data-"前缀的HTML属性来添加行为和样式。当页面加载时,框架会自动识别这些属性并执行相应的增强,如转换链接为触控友好的按钮。 3. **页面结构**:jQuery Mobile使用...

    jQuery mobile 开发案例

    2. **页面结构**:jQuery Mobile 通过页面容器(page container)和页面元素(page element)组织内容。每个页面元素都是独立的,可以通过 AJAX 动态加载。 3. **主题(Theming)**:jQuery Mobile 提供了一套可...

    jQuery Mobile快速入门源代码

    4. **触控事件**:jQuery Mobile 添加了对触控事件的支持,如 `tap`(点击)、`taphold`(长按)、`swipe`(滑动)等,方便在移动设备上创建交互式元素。 5. **表单增强**:框架会自动识别并美化基本的HTML表单元素...

    jqueryMobile插件集

    在"jqueryMobile插件集"中,可能包含以下几类插件: 1. **组件增强插件**:这些插件增强了jQuery Mobile内置组件的功能,如更复杂的下拉菜单、自定义表单验证或者动画效果丰富的滑块。 2. **交互插件**:这类插件...

    jqueryMobile入门练习项目

    1. **按钮**(Buttons):`&lt;a&gt;`或`&lt;button&gt;`元素可以通过添加`data-role="button"`转换为样式统一的按钮。 2. **表单**(Forms):自动对表单元素进行美化,支持各种输入类型,如`date`、`email`等。 3. **网格**...

    jQuery mobile库包及例子

    在这个例子中,`&lt;a&gt;` 标签添加了 `data-role="button"` 数据属性,jQuery Mobile 会将其转换为一个样式化的按钮。 ### 路径配置 正如描述中提到的,引用这些库文件的路径需要正确设置。如果这些文件与 HTML 页面...

    jQuery Mobile 快速入门

    访问 jQuery Mobile 官方网站 (https://jquerymobile.com/),在下载页面中可以选择适合项目的版本进行下载。 **使用 npm 安装:** 如果你的项目已经集成了 npm,可以直接使用以下命令来安装 jQuery Mobile: ```...

    使用JqueryMobile开发购物网站

    7. **动态加载和异步更新**:JqueryMobile支持通过AJAX动态加载页面内容,这在处理商品详情或评论时尤其有用。使用`$.mobile.changePage()`函数可以实现页面无刷新切换,保持用户体验的连贯性。 8. **事件处理**:...

    JQUERYMOBILE 提示框

    jQuery Mobile的提示框可以通过添加属性来调整其样式和行为。例如,你可以通过`data-theme`设置颜色主题,通过`data-icon`添加图标到按钮,通过`data-mini`创建小型化的按钮等。此外,还可以通过JavaScript动态创建...

Global site tag (gtag.js) - Google Analytics