JQueryMobile component -- button and jquerymobilebutton

JQueryMobile component -- button and jquerymobilebutton

In the jQueryMobile framework, the default buttons are horizontally exclusive and adaptive Based on the screen width.

Ui-btn -- declare as button display;

Ui-shadow -- shadow the elements when they are crossed;

Ui-icon-* -- jQueryMobile built-in icon attributes;

Ui-btn-icon-notext -- hide the text of the button; other ui-btn-icon-* attributes include:

Ui-btn-inline -- display multiple buttons in a line, that is, inline style;

Data-role = "controlgroup" -- display several buttons in group mode;

Data-type = "horizontal" -- indicates that child elements are arranged horizontally;

Ui-btn-a -- white topic button;

Ui-btn-B -- black topic button;

For more button attributes, see the jQueryMobile API

<! DOCTYPE html> 

Effects in iPhone 6:








 
Copyright Disclaimer: This article is an original article by the blogger and cannot be reproduced without the permission of the blogger.