Stack Overflow
Stack Overflow

Questions tagged [jquery-mobile-button]

Buttons can be enhanced by jQuery Mobile to make them more attractive and use-able on a mobile device

Buttons in jQuery Mobile are automatically styled, making them attractive and useable on both mobile devices and desktop computers.

Types of Buttons

  • Navigation Buttons
  • Back Buttons
  • Grouped Buttons

References

75 questions
8
votes
2 answers

jQuery click event not firing in jQueryMobile

Using jQuery jquery-1.9.1.js and jQueryMobile 1.3.1 (Chrome 26/Windows 7) I cannot see why one of these 'click' events bound to #one1 fires and the other doesn't: HTML:
Marc
  • 13,011
  • 11
  • 78
  • 98
6
votes
4 answers

how do I customize header color in jquery mobile?

I am working on a mobile site for a local company using jquery mobile. Here is what I have so far So far, it has turned out well but I'm running into a few problems. 1. I do not know how to change the header color. I have tried different…
onTheInternet
  • 6,421
  • 10
  • 41
  • 74
4
votes
2 answers

Apply JQuery mobile style on button after add the button programmatically by javascript code

When I try to add below jquery mobile button throw jquery code: // insert new button to bf div (breackfast div) $("#bf").html(' Add new '); It doesn't imply the…
Bashar Abu Shamaa
  • 1,998
  • 2
  • 21
  • 36
3
votes
1 answer

Upgrade button from jQuery Mobile 1.1 to 1.4

Using jQuery Mobile 1.1.1 the following code: Generate the following HTML elements:
mjimcua
  • 2,781
  • 3
  • 27
  • 47
3
votes
1 answer

jquerymobile numerical keypad phonegap

I'm using jquerymobile, but can't get the keypad to only show numeric keys (including decimals). Only default keypad is shown.I'm using phonegap, I use the problem is that the numpad is shown but when i use input…
ANonmous Change
  • 798
  • 3
  • 10
  • 32
3
votes
3 answers

jQuery Mobile layout customization

I'm taking my first steps in jQuery Mobile and I'm getting a bit disappointed with the lack of customization it provides... As an example, I have a simple form and I'd like to customize the layout of the form components. This is my code:
MikO
  • 18,243
  • 12
  • 77
  • 109
3
votes
1 answer

JQueryMobile: does data-transition="slideback" or alike exist?

When clicking on the "home" button in my menu, I want a page transition (data-transition="slide") in the reverse move. Does something like data-transition="slideBACK" exist ?
Hugolpz
  • 17,296
  • 26
  • 100
  • 187
3
votes
4 answers

Overriding jquery mobile button margins

I am spinning my wheels on what I am sure is a simple mistake. Consider the following jqm (version 1.3) view (in haml) #main-header{'data-role' => 'header'} #main-content{'data-role' => 'content'} #main-buttons %input#a{'type' => 'button',…
serverman
  • 1,314
  • 5
  • 22
  • 39
2
votes
0 answers

Removing "Go" Button from the SoftKeyboard in a Web App using jQueryMobile

Im working on a Web App using jQueryMobile. Application is similar to a chat functionality. I want the user to use the "Send" button on the screen and not to use the "Go" button on the soft keyboard. I can disable the form submit but I want to…
Sreeni
  • 243
  • 1
  • 2
  • 9
2
votes
1 answer

json2htmled jQuery mobile button inside table td looks old, has old button inside new one after button()/refresh

I'm using this transform to build a jQuery mobile button inside of a regular table 'td': { "tag":"button", "type":"button", "id":"${idPrefix}-delete", "data-role":"button", "data-mini":"true", "data-icon":"delete", …
user1382306
2
votes
1 answer

JQuery Mobile Custom Theme Buttons

I just started using a jquery mobile custom theme instead of one of the defaults. Lots of issues...but the current one is that dynamically created buttons don't work as expected. I have some dynamic html I'm injecting via…
Jeff
  • 35,755
  • 15
  • 108
  • 220
2
votes
1 answer

How to remove button text responsively in JQuery Mobile

I'm very new to Jquery & jquery mobile. I'm resizing a button so it's responsive to window size. To be more specific, i'm changing it from iconpos="left" to iconpos="notext" to remove the text on small windows. I found the following function,…
devsie
  • 131
  • 11
2
votes
2 answers

jQuery mobile: data-icon causing text value to display above icon

I've never posted a question on here since I can usually find the answer, but this one has escaped me. Have jQuery mobile version 1.3.2 along with the associated css file. And since pictures are worth a million words, just take a look at what is…
user2701249
  • 23
  • 3
2
votes
2 answers

Cannot open links in new tab with jquery mobile

Why I can't open a link in new tab on my mobile phone? But when I tried running my script on the PC Desktop, that link can be opened in new tab.. This is my script if($data[$flag] == 1){ echo "
  • asyah28
    • 21
    • 3
    • 2
    votes
    2 answers

    jQuery Mobile showing doubled button

    I'm trying my first app with jQM+PhoneGap. Here's the code: