点击jQuery Mobile的按钮改变颜色

jquery-mobile-移动

我有这样的代码来改变点击一个按钮的颜色:

$(‘.fav‘).live(‘click‘, function(e) { 

 $(this).buttonMarkup({ theme: "b" });

});

我怎样才能再次单击该按钮返回到正常颜色(C)? 有没有办法看到一个按钮的状态?

因为它是活的,那么你可以只让自己的切换:

$(‘.fav‘).live(‘click‘, function() {
 var dotoggle = $(this).attr("dotoggle");
 if ( dotoggle == "1" ) {
  $(this).buttonMarkup({ theme: "c" });
  $(this).attr("dotoggle","0");
  }
  else {
  $(this).buttonMarkup({ theme: "b" });
  $(this).attr("dotoggle","1");
 }
});

点击jQuery Mobile的按钮改变颜色

时间: 2024-12-19 11:36:01

点击jQuery Mobile的按钮改变颜色的相关文章

jQuery Mobile(jqm)按钮的隐藏和显示,包括a标签,圆角和非圆角按钮

在移动互联网时代,HTML5开发越来越收到欢迎.于是各种HTML5的框架都出来了.由于对于jquery的熟悉,jquery mobile 为多数人选择学习的对象.我也是众多追求者之一.最近一直在开发jQuery Mobile的相关应用.并颇有心得,再这里和大家一起分享一下. 好了,我们之间上代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>

jQuery Mobile 自定义按钮图标

自定义css样式---红色部分必须加上 .ui-icon-user-black:after {background:url('../image/user-black.png') no-repeat 0 0; } 页面显示 <a href="#link" data-role="button" data-icon="user-black" data-iconpos="left">Left</a>

请编写&quot;改变颜色&quot;、&quot;改变宽高&quot;、&quot;隐藏内容&quot;、&quot;显示内容&quot;、&quot;取消设置&quot;的函数,点击相应按钮执行相应操作,点击&quot;取消设置&quot;按钮后,提示是否取消设置,如是执行操作,否则不做操作

<!DOCTYPE HTML><html><head><meta http-equiv="txttent-Type" txttent="text/html; charset=utf-8" /><title>javascript</title><style type="text/css">body{font-size:12px;}#txt{ height:400px

(三)Jquery Mobile按钮详细讲解

Jquery Mobile按钮详细讲解 一.JM按钮说明 按钮如下图所示           1.HTML5中的button      效果:      2. JM中的普通button              此中显示和HTML5是系统的.      3.JM中button内联样式 data-inline      说到内联样式和block样式,大家估计都不知道怎么回事,内联inline是说,外面的框会根据内部的文字来改变,block则正好相反,上面展示的按钮占据了整个一行的效果,现在我们需要

jQuery Mobile的学习时间botton按钮的事件学习

程序员都很懒,你懂的! 生命的绝唱来机只争朝夕,如诗的年华更需惜时如金.不要让今天的懈怠成为一生的痛. 每天都在进步.最近在学习jquery mobile开发,使用的button,绑定事件,和大家一起学习,一起分享! 直接上代码: <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.m

JQuery Mobile入门——设置后退按钮文字(转)

http://www.tuicool.com/articles/AZnYVz JQuery Mobile入门——设置后退按钮文字 时间 2013-01-09 20:24:28  CSDN博客原文  http://blog.csdn.net/liang408015204/article/details/8487201 1.给page容器头部添加后退按钮,只需在page容器中添加data-add-back-btn属性,并将属性值设置为true.显示默认为back,可修改data-back-btn-t

jquery Mobile点击显示加载等待效果

点击某个按钮或链接时,触发等待加载效果: Xml代码   <script> <!-- $(document).bind("mobileinit", function(){ }); $( function() { //默认设置,一个小圈圈在转 $('#default').live( 'tap', function() { $.mobile.loadingMessageTextVisible = false; $.mobile.showPageLoadingMsg();

jQuery Mobile 按钮、图标

jQuery Mobile 中创建按钮 可通过三种方法创建: 1.使用<button> 元素 2.使用<input>元素 3.使用 data-role="button" 的<a> 元素 ★推荐使用 data-role="button" 的 <a> 元素来创建页面之间的链接,而<input>或 <button>元素用于表单提交. 按钮的基本属性 1.默认情况下,按钮会占据屏幕的全部宽度.若需要按钮

jQuery Mobile Slider 禁用点击事件

在使用jQuery Mobile Slider时,发现在页面上下拖动时,很容易不小心触发Slider的点击事件,从而造成误操作.为此需要禁用Slider的点击事件. 官方API并没有提供禁用点击事件的事件的方法,因此要实现这一功能只能另辟蹊径.留意到点击Slider时都要触发一个mousedown方法改变滑块所处的位置,不妨重写这个方法,在mousedown事件触发时,保持原有的滑块位置不变. 实现方法: 首先找到要操作的对象: 实现代码: 1 /*** 控制滑块任意位置点击事件不可用 ***/