Response title
This is preview!
Buttons made from Link or Button Tags not initialized
in jQuery Mobile
•
2 years ago
Using jQuery 2.1.3 or 2.1.4 and jQueryMobile 1.4.5 buttons that are create from A or BUTTON tags are not being properly initialized.
If I have:
- <input type="submit" id="input_type" value="Input Tag">
- <button type="button" id="button_type">Button Tag</button>
- <a href="#" id="link_type" data-role="button">Link Tag</a>
All three are properly rendered as buttons. However only the input[type=submit] is properly initialized. If I run:
- $('#input_type').button('disable')
The button based on the input is disabled.
However, if I run:
- $('#button_type').button('disable')
or
- $('#link_type').button('disable')
I get an error:
- Uncaught Error: cannot call methods on button prior to initialization; attempted to call method 'disable'
- at Function.error (https://code.jquery.com/jquery-2.1.4.min.js:2:1821)
- at HTMLAnchorElement.<anonymous> (https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js:3:10753)
- at Function.each (https://code.jquery.com/jquery-2.1.4.min.js:2:2882)
- at n.fn.init.each (https://code.jquery.com/jquery-2.1.4.min.js:2:847)
- at n.fn.init.a.fn.(anonymous function) [as button] (https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js:3:10498)
I made a JSFiddle to illustrate: https://jsfiddle.net/ggqe79xk/5/
1