In my project I have some buttons with the icon's work, but the problem is that when I keep on activating the button As long as I press some other buttons, no one can tell what the problem is and how can I solve it.
Here is the CSS code for BTN active status.
.ui-btn-active {border: 1px solid # ccc; Background: #B4B 7 BA; Font weight: 700; Color: #fff; Cursor: indicator; Text-shadow: 0 1 px 0 # EDF1F4; Text-decoration: None; Background-image: -webkit-linear-shield (# 5393c5, # 6facd5); Background image: -Mo-linear-shield (# 5393c5, # 6facd5); Background-image: -mms-linear-shield (# 5393c5, # 6facd5); Background-image: -o-linear-shield (# 5393c5, # 6facd5); Background image: Linear shield (# 5393c5, # 6facd5); Font-family: helvetatic, aerial, non-serif}
I have a similar problem Faced and worked with something around it:
& Lt; Meta name = "viewport" content = "width = device-width, initial-scale = 1" & gt; & Lt; Title & gt; Test App & lt; / Title & gt; & Lt; Script type = "text / javascript" src = "cordova-2.8.0.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "assets / lib / jquery-1.9.0.min.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "assets / lib / jquery.mobile-1.2.0.min.js" & gt; & Lt; / Script & gt; & Lt; Link rel = "stylesheet" href = "property / lib / jquery.mobile-1.2.0.css" type = "text / css" /> & Lt; Script type = "text / javascript" & gt; $ .mobile.defaultPageTransition = 'none'; // (default page transition $ ("div [data-role =" "page"]). ('Pagecreate', function (event, UI) {$ ('div [data-role = "footer"] a' , $ (This). ("Taphold", function (e) {$ (this) .addClass ("ui-btn-active"); $ (this) .one ("touchend", function (e) {E .preventDefault (); $ (this) .trigger ("click", e.data); // Remove it if you do not want to function as long a click $ (this) .removeClass ( "Ui-btn-down-a UI-btn-active"); returning false;});});}); & lt; / script> gt; & gt; & lt; body & gt; ; & Lt; div data-b Mika = "Page" id = "Page-1">
<1 page & lt; / Div> DIV data-role = "footer" data-condition = "fixed"> gt; div data-role = "counter"> gt; & lt; ul & gt; & lt; li & Lt; li & gt; & lt; a href = "# Page-1" & gt; Page 1 & lt; / a & gt; & lt; / li & gt; # Page-2 "& gt; page 2 & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div data-role = "page" id = "page-2" & gt; & Lt; Div data-role = "content" & gt; & Lt; P & gt; Page 2 & lt; / P & gt; & Lt; / Div & gt; & Lt; Div data-role = "footer" data-position = "fixed" & gt; & Lt; Div data-role = "answer" & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "# Page-1" & gt; Page 1 & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "# Page-2" & gt; Page 2 & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt; You can download my Eclipse project and compile the APK
No comments:
Post a Comment