jquery mobile square buttons
Draw a square in jquery mobile, for example to make square buttons in a Jquery Mobile application.
|
1 2 3 4 5 6 |
<script src="js/jquery-1.9.1.min.js"></script> <script> $(document).ready(function(){ var height = $(window).height()/4; $('.square').css('height', height); $('.square').css('width', height); }); </script> |
Jquery Mobile square button code:
|
1 2 3 4 5 6 |
<div class="square_block"> <a href="#" class="square" type="button" data-inline="true" data-theme="a" data-transition="slide">test</a> <a href="#" class="square" type="button" data-inline="true" data-theme="a" data-transition="slide">test</a> <a href="#" class="square" type="button" data-inline="true" data-theme="a" data-transition="slide">test</a> <a href="#" class="square" type="button" data-inline="true" data-theme="a" data-transition="slide">test</a> </div> |
Result:
Leave a Reply