`

jqm小组件的使用

    博客分类:
  • jqm
 
阅读更多

文本输入框和文本输入域 Text inputs & Textareas

text输入框拥有如下方法:
enable
使一个输入框可用

HTML 代码:

$('.selector').textinput('enable');
disable
使一个输入框不可用

HTML 代码:

$('.selector').textinput('disable');	

  

复选按钮 Checkboxes

复选按钮拥有如下方法:
enable
使一个复选按钮可用

HTML 代码:

 $("input[type='checkbox']").checkboxradio('enable');
disable
使一个输入框不可用

HTML 代码:

$("input[type='checkbox']").checkboxradio('disable');
refresh
更新复选按钮
如果通过js修改了复选按钮,必须通过refresh 来更新复选按钮的外观。

HTML 代码:

$("input[type='checkbox']:first").attr("checked",true).checkboxradio("refresh");

  

单选按钮组 Radio buttons

 

复选按钮拥有如下方法:
enable
使一个复选按钮可用

HTML 代码:

 $("input[type='checkbox']").checkboxradio('enable');
disable
使一个输入框不可用

HTML 代码:

$("input[type='checkbox']").checkboxradio('disable');
refresh
更新复选按钮
如果通过js修改了复选按钮,必须通过refresh 来更新复选按钮的外观。

HTML 代码:

$("input[type='checkbox']:first").attr("checked",true).checkboxradio("refresh");

 

列表标记的规约List markup conventions

refresh
刷新listview
如果用js手动修改了一个listview,必须调用refresh方法刷新listview的外观。

Java Script代码:

$('.selector').listview('refresh');

 

选择菜单 Select menus

刷新选择菜单 Refreshing a select

如果你通过js操作了选择菜单,务必通过refresh 方法来更新他的样式。
var myselect = $("select#foo");
myselect[0].selectedIndex = 3;
myselect.selectmenu("refresh");

disable()

disable a text input.
  • This method does not accept any arguments.
Code examples:

Invoke the disable method:

1
$( ".selector" ).selectmenu( "disable" );

enable()

enable a disabled text input.
  • This method does not accept any arguments.
Code examples:

Invoke the enable method:

1
$( ".selector" ).selectmenu( "enable" );

refresh()

update the custom select.

This is used to update the custom select to reflect the native select element's value. If the number of options in the select are different than the number of items in the custom menu, it'll rebuild the custom menu.

  • This method does not accept any arguments.
Code examples:

Invoke the method:

1
$( ".selector" ).selectmenu( "refresh" );

 

 

引用: http://www.jqmapi.com/

 

使用瀑布流代码是出现的问题。在火狐的firebug中。

cannot call methods on masonry prior to initialization; attempted to call method 'refresh'  

找到解决问题,需要在使用的时候,初始化一次,代码。

$restrict_date_begin.textinput().textinput('enable');

$("#enable_print").checkboxradio().checkboxradio('enable');

分享到:
评论
2 楼 三尺之尚 2014-01-20  
u012732154 写道
你好,
$("input[type='checkbox']").checkboxradio('disable');这种代码我写了怎么没效果啊

还需要刷新组件的。
1 楼 u012732154 2013-12-27  
你好,
$("input[type='checkbox']").checkboxradio('disable');这种代码我写了怎么没效果啊

相关推荐

    jqm中文时间控件

    通过使用jqm中文时间控件,开发者可以快速地在项目中添加时间选择功能,而无需从头开始编写复杂的JavaScript代码或CSS样式。 该控件的实现主要基于jQuery库和jQuery Mobile的增强型表单元素。jQuery是一个强大的...

    jqm开发的音乐播放器

    1. **音频播放器组件**:音乐播放器的核心是音频播放组件,通常使用 HTML5 的 `<audio>` 标签。通过 JavaScript API,我们可以控制音频的播放、暂停、停止、音量调整以及进度跳转。 2. **歌曲列表**:显示歌曲列表...

    jqm4gwt-standalone-1.3.5.zip

    jqm4gwt将jQuery Mobile的功能和组件转换为GWT兼容的形式,使得开发者可以直接在Java代码中使用这些功能,而无需直接编写HTML和JavaScript。 **jQuery Mobile** jQuery Mobile是一款轻量级的框架,设计用于构建跨...

    JQM1.4.5-DEMOS:JQM 移动演示 1.4.5

    1. **示例代码**:各种JQM组件和功能的实际示例,开发者可以参考这些代码学习如何使用JQM。 2. **CSS文件**:JQM的核心样式表,包括主题颜色和其他样式规则。 3. **JavaScript文件**:jQuery Mobile库的JavaScript...

    JQM实战源码

    jQuery Mobile 是一个专为移动设备设计的前端框架,它提供了易用的组件和交互模式,使得开发者可以快速构建响应式、触屏友好的网页应用。本篇将深入探讨jQuery Mobile的核心概念和实战技巧。 **一、jQuery Mobile的...

    滚动日期插件Mobiscroll2.14.4,jqm_databox1.4.5,使用样例

    jqm_databox1.4.5可能是与jQuery Mobile框架相关的数据展示组件,用于构建响应式、交互式的应用界面。 Mobiscroll的核心功能包括: 1. **日期和时间选择器**:Mobiscroll提供了多种样式和配置选项,使得日期和时间...

    24时区APK+源码, android+JQM

    标题 "24时区APK+源码, android+JQM" 提供了一个关于Android应用程序开发的项目,其中结合了Java和jQuery Mobile(JQM)技术。这个项目旨在帮助初学者理解如何在Android平台上利用HTML来构建用户界面,并且通过JQM...

    jqm chart 图表

    在这个框架中,jqm chart组件允许开发者创建各种类型的数据可视化图表,如线形图、柱状图和饼状图,以直观地展示数据。 **1. jqm chart的基本概念** jqm chart是jQuery Mobile的一个扩展,它基于HTML5、CSS3和...

    sample101:示例 jqm 模板

    3. **添加组件**:利用 jqm 提供的组件,如按钮、表单、列表视图、工具栏等,通过添加特定的 `data-*` 属性来配置组件。 4. **定制主题**:根据需求修改默认的主题,可以使用 jqm 的 ThemeRoller 工具自定义颜色和...

    websocket+jqm

    例如,在描述中的"websocket+jqm+jqplot"的项目中,可能是一个使用WebSocket获取实时数据,通过jQuery Mobile来展示界面,同时利用jqPlot库对数据进行可视化。jqPlot是一个JavaScript图表库,能够绘制各种类型的图表...

    jQM:jQM文档的免费社区应用程序的源代码-app source code community

    1. **jQuery Mobile (jQM)**:jQM是jQuery的一个扩展,专为触摸设备设计,提供了许多UI组件和事件处理,如页签、按钮、滑块、下拉菜单等,使得开发者能快速创建跨平台的响应式移动应用。 2. **响应式设计**:jQM的...

    jqm带参数跳转

    在移动应用开发中,jQuery Mobile 是一个非常流行的前端框架,它专为触摸设备设计,提供了丰富的 UI 组件和流畅的页面导航。在这个场景中,我们关注的是如何在 jQuery Mobile 中进行页面间的跳转并传递参数。`jqm带...

    jqm+ phonegap编写的联系人

    《jqm+ PhoneGap构建联系人管理应用》 在移动应用开发领域,jQuery Mobile(jqm)和PhoneGap是两个非常重要的工具。本项目利用jqm的UI框架和PhoneGap的混合应用特性,构建了一个简单的联系人管理应用,旨在帮助用户...

    Employee Directory JQM

    为了实现用户交互,例如搜索功能,可以使用JQuery Mobile的表单组件和事件监听器。用户输入关键词后,前端会发送一个新的Ajax请求,PHP根据关键词查询数据库并返回匹配结果,前端再实时更新列表。这样,用户就可以...

    jqm-api-client-hibernate-1.3.7.zip

    【jqm-api-client-hibernate-1.3.7.zip】这个压缩包文件的标题暗示了它包含的是一个针对Java的API客户端,特别是针对Hibernate ORM框架的一个版本为1.3.7的实现。Hibernate是一个非常流行的Java对象关系映射(ORM)...

    android+phonegap+jquery mobile

    jQuery Mobile的核心特性包括响应式设计、页面结构和导航、可自定义的主题以及广泛的UI小部件。 4. **HTML5**:HTML5是HTML的最新版本,增加了许多新的元素和API,如`<canvas>`画布、`<video>`视频、`<audio>`音频...

    jqmDemo:尝试使用 phonegap 构建 jqm 演示

    "jqmDemo:尝试使用 phonegap 构建 jqm 演示" 这个标题表明这是一个关于使用PhoneGap技术构建基于jQuery Mobile(jqm)的移动端应用的示例项目。PhoneGap是一款开源框架,允许开发者使用HTML、CSS和JavaScript来开发...

    jqmDemo,jQuery Mobile

    在Web开发领域,jQuery Mobile(简称jqm)是一种广泛使用的前端框架,特别适合构建响应式、触摸友好的移动应用和网站。本篇文章将深入探讨jqmDemo,一个基于jQuery Mobile的示例集合,帮助开发者更好地理解和运用这...

    drupal-app-jqm-phonegap:drupal-app-ajax-jqm-phonegap

    结合Drupal,"drupal-app-jqm-phonegap"项目意在构建一个可离线使用的Drupal应用,利用Ajax技术实现页面的动态加载,同时通过jQuery Mobile提供美观的触控界面。开发者可以使用Drupal的API和模块系统来扩展功能,...

Global site tag (gtag.js) - Google Analytics