$.mobile.buttonmarkup methods in JQuery mobile use specific explanations

Source: Internet
Author: User

Recent encounters with most netizens in the group refer to the use of the $.mobile.buttonmarkup () method.

I have listed here the API usage instructions, we will be able to see the blog later to solve the problem. If there is no place, please leave a message to point out!

JQuery mobile exposes methods that are referenced using $.mobile.
$.mobile.buttonmarkup (options, overwriteclasses) The style element of the Join button
The options are the object, Overwriteclasses is a Boolean type, and defaults to false. When set to True,buttonmarkup () discard all styles. Instead. When set to False. Adds a style based on the currently existing style.


the properties of the options object are interpreted such as the following :
Corners Property : Sets the Fillet, Boolean type. The default is true.

When True, adds the Ui-corner-all style. When False is the delete Ui-corner-all style.

It is used similar to data-corners= "false".


Icon Properties : Set icon, String type, default feel "". It is used similar to data-icon= "Arrow-r". Similar to the class join "ui-icon-" property.


Iconpos Properties : Set icon position, string type, default feel "left". It is used similar to data-iconpos= "right". Similar to the class join "ui-btn-icon-" property.


Iconshadow Properties : Sets the shadow icon. The Boolean type. I feel false. This option is used 1.4.0 will be removed at 1.5.0.

It is used similar to data-iconshadow= "true". Similar to the class join "Ui-shadow-icon" property.
Inline Property : Sets the element's inline style, Boolean type, and defaults to false. It is used similar to data-inline= "true". Similar to the class join "Ui-btn-inline" property.
Mini Property : Sets the element's smaller style, Boolean type, and defaults to false. It is used similar to data-mini= "true". Similar to the class join "Ui-mini" property.
Shadow Property : Sets the element's shadow, Boolean type. The default is true. It is used similar to data-shadow= "false". Similar to the class join "Ui-shadow" property.
Theme Properties : Sets the theme, defaults to null, inherits from the parent element, and the string type.

It is used similar to data-theme= "B".

Similar to the class join "ui-btn-" property. such as: Ui-btn-b.
For example, the following uses:
$ ("#myAnchor"). Buttonmarkup ({corners:false});//Cancel Fillet
$ ("#myAnchor"). Buttonmarkup ({shadow:false});//Set Shadow
$ ("#myAnchor"). Buttonmarkup ({corners:true});//Set rounded corners

If you do not understand, please add QQ Group: 135430763 Study together!


$.mobile.buttonmarkup methods in JQuery mobile use specific explanations

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.