jQuery Mobile修改button的内容

jQuery Mobile修改button的内容。

使用jQuery Mobile也有一段时间了,最近同事提出,他需要更改button的内容,但是修改不了。我也试着修改了几次,button的内容其实是更改了,但是页面并未刷新。在调试中使用了console.log()方法打印各种日志,再结合api文档,发现button方法可以进行刷新。

打印信息:

更新内容:

$('#btn').val("如有疑问,请加QQ群:135430763共同学习!").button("refresh");

禁用按钮:

$('#btn').attr('disabled',"");

隐藏按钮:

$('#btn').parent("div").css('display','none');

设置按钮左侧为圆角:

$('#btn').parent("div").addClass('ui-first-child');

设置按钮右侧为圆角:

$('#btn').parent("div").addClass('ui-last-child');

如有疑问,请加QQ群:135430763共同学习!

时间: 2024-08-15 08:37:45

jQuery Mobile修改button的内容的相关文章

Jquery mobile 新手问题总汇

http://www.wglong.com/main/artical!details?id=4#q9 2013-04-22 / 分类:JqueryMobile / 标签:JqueryMobile,Jqm,jquerymobile教程,jqm教程 此文章将会持续更新,主要收录一些新手比较常见的问题. 欢迎 向我推荐比较典型的常见问题,我会记录并整理进文章,方便自己更方便大家. 文章导读: 1.页面缩放显示问题 2.页面跳转后样式丢失js失效 3.跳转时重复调用pageinit方法的解决办法 4.如

jQuery Mobile panel的相关属性

参考网站:http://www.lampweb.org/jquerymobile/19/64.html 面板 data-role="panel" 在一个 jQuery Mobile “page”中,面板与“header”.“footer”.“content”,必须是兄弟元素.可以在它们之前或之后添加面板的标记,但不在它们中间添加.注:此约束将在未来的版本中删除. <div data-role="page"> <div data-role="

与Jquery Mobile的第一次亲密接触

Jquery Mobile闻名已久,今天终于有亲密接触的机会. 通过动手写的demo,对它有了一个基本的认识: 自带的UI组件用起来简洁,方便:对旧版本的浏览器或移动设备能做到很好的优雅降级,而不影响页面性能: 基于AJAX的数据处理给人很好的用户体验:快速,高效,交互友好: 页面切换效果么么哒; data-*属性的运用也十分便捷,易用,且功能强大. Demo: <!DOCTYPE html> <html> <head> <title></title&

使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录

使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录 时间:2012年9月20日 分类:JavaScript 标签:HTML5‚ jQuery Mobile‚ Web App “使用 jQuery Mobile 与 HTML5 开发 Web App”系列文章的数目累积起来也比较多了,为方便大家浏览, Kayo 把这些文章整理成一个目录,收录那些已经写好的文章并会继续更新. 该系列的文章实质上分成四个部分,分别是总体概况.jQuery Mobile 组件.jQuer

jQuery Mobile入门经典 ([美] Phil Dutson) 中文pdf扫描版

jQury Mobile是以全球最流行的jQuery为核心的跨平台移动Web应用开发框架,自从诞生以来,就赢得了业内专家和技术社区的强烈关注.<jQuery Mobile入门经典>采用直观.循序渐进的方法讲解了如何借助jQuery Mobile,通过一个单一的代码库来创建适合各种移动设备的移动应用.<jQuery Mobile入门经典>分为4部分:第1部分介绍了jQuery Mobile的基础入门知识:第2部分讲解了用户界面相关的知识,读者将学到如何使用jQuery Mobile来

小白学jquery Mobile《构建跨平台APP:jQuery Mobile移动应用实战》连载五(给button加图标)

在范例5-4所使用的导航栏中,已经为button增加了图标的样式,可是当时并没有介绍button的图标到底是怎么一回事.以下截取范例5-4中导航栏部分的代码: <divdata-role="footer"> <div data-role="navbar"data-grid="c"> <ul> <li><a id="chat" href="#"data-i

jquery mobile导致无法修改textarea的高度

在引用了jquery mobile的js库和样式的页面中,添加textarea标签,会导致无法调整其height属性,不管是用CSS还是JS,最终都会被替换成height=52px 解决办法:在页面中添加样式 textarea.ui-input-text { min-height: 90px; }

jQuery Mobile学习笔记

1.获取jQuery mobile 文件,访问jQuerymobile网站下载 (貌似使用jquery mobile后,jquery会自动在网页中添加一些class类,第一次知道的我是被吓呆的!!) 2.需要使用数据属性,数据属性是HTML5引入的,以data-开头 比如data-role可以用于定义页眉,页脚,内容,页面等 data-role="page" 是在浏览器中显示的页面. data-role="header" 是在页面顶部创建的工具条 (通常用于标题或者

jQuery Mobile笔记

1.获取jQuery mobile 文件,访问jQuerymobile网站下载 (貌似使用jquery mobile后,jquery会自动在网页中添加一些class类,第一次知道的我是被吓呆的!!) 2.需要使用数据属性,数据属性是HTML5引入的,以data-开头 比如data-role可以用于定义页眉,页脚,内容,页面等 data-role="page" 是在浏览器中显示的页面. data-role="header" 是在页面顶部创建的工具条 (通常用于标题或者