Use single quotes around the symbol name, with the colon prefix: :’data-role’ => ‘button’ And here is a nice reference on symbols: http://www.troubleshooters.com/codecorn/ruby/symbols.htm#_What_do_symbols_look_like After Ruby 1.9 you can also do ‘data-role’: ‘button’
You can give them a classname and try: $(‘.classname’).prop(‘checked’, false); When you use an older version of jQuery than 1.6 it has to be: $(‘<selector>’).attr(‘checked’, false); EDIT : Call the method .checkboxradio(“refresh”); has also worked for me.
Try… $(“#captureAudio”).prop(‘checked’, false);
Not a pretty answer, but a workaround that worked for quite a few: This sounds like a possible racing-condition, you can try setting a timeout(couple MS) when the page is loaded and then have it re-renderd after that timeout through switching display: none/block on the body.
Look this Documentation jQuery mobile is locked to some versions of jQuery! You will find a text of jQuery Mobile 1.3.0 supports versions of jQuery core 1.7.2 – 1.9.1 and we’re actively testing the upcoming 2.0 version too. We will be keeping in sync with their releases to let you take full advantage of the … Read more
If you want to use jQuery mobile for touch events only, add this piece of script before you load the jQuery mobile library: <script type=”text/javascript”>$(document).bind(“mobileinit”, function(){$.extend( $.mobile , {autoInitializePage: false})});</script> This prevents jquery mobile from initializing the page and touching the DOM, thus leaving your layout alone.
I’ve been trying to tackle this problem for a few days now and I’ve gotten really close to the solution. I use the following HTML: <body> <div data-role=”page” id=”page”> <div data-role=”header”> <h1 id=”title”>Title</h1> </div><!– /header –> <div data-role=”content” id=”content”> <p>Loading…</p> </div><!– /content –> <div data-role=”footer” id=”footer” data-position=”fixed”> <div data-role=”navbar” id=”navbar”> </div> </div><!– /footer –> </div><!– … Read more
Add data-tap-toggle=”false” to the element or Add this to Javascript $(“[data-role=header]”).toolbar({ tapToggle: false }); Older versions of jQuery use .fixedtoolbar(). jQuery Mobile Docs – Events
.ui-page { -webkit-backface-visibility: hidden; } This worked for me on phonegap / jquery mobile / Android phone.
Try the following, note that when the user refreshes the page, the value is “Male” again, data should be stored on a database. $(‘button’).click(function(){ $(‘#pTest’).text(‘test’) }) <script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js”></script> <p id=”pTest”>Male</p> <button>change</button>