When you click a button or link, it triggers the wait loading effect:
XML code
- <script>
- <!--
- $ (document). Bind ("Mobileinit", function () {
- });
- $ (function () {
- The default setting, a small circle in the turn
- $ (' #default '). Live (' tap ', function () {
- $. mobile.loadingmessagetextvisible = false;
- $.mobile.showpageloadingmsg ();
- } );
- The periphery of a small circle with a rectangular background
- $ (' #loadingMessageTextVisible '). Live (' tap ', function () {
- $. mobile.loadingmessagetextvisible = true;
- $. Mobile.loadingmessagetheme = ' a ';
- $.mobile.showpageloadingmsg ();
- } );
- Rectangle background Style is E
- $ (' #loadingMessageTheme '). Live (' tap ', function () {
- $. mobile.loadingmessagetextvisible = true;
- $. Mobile.loadingmessagetheme = ' E ';
- $.mobile.showpageloadingmsg ();
- } );
- Add text underneath the coterie
- $ (' #customText '). Live (' tap ', function () {
- $. mobile.loadingmessagetextvisible = true;
- $.mobile.showpageloadingmsg (' A ', "Please wait ...");
- } );
- Only words, no coterie in turn
- $ (' #noSpinner '). Live (' tap ', function () {
- $. mobile.loadingmessagetextvisible = true;
- $.mobile.showpageloadingmsg (' A ', "Please wait ...", true);
- } );
- } );
- -->
- </Script>
HTML code:
XML code
- <p><a id="Default" data-role="button">default Loader< /a></P>
- <p>< a id= " Loadingmessagetextvisible " data-role=" button ">loadingmessagetextvisible = True</a></ p>
- <p>< a id= "Loadingmessagetheme" data-role= "button" >loadingmessagetheme = ' E ' </a></p>
- <p>< a id= "CustomText" data-role= "button" >custom text</a></p >
- <p>< a id= "Nospinner" data-role= "button" >no spinner </a></ p>
http://www.elated.com/res/File/articles/development/javascript/jquery/ jquery-mobile-1-1-smoother-faster-nicer/loading.html
http://my.oschina.net/geomen/blog/60259
Jquerymobile plug-in imitation iphone slide show Delete button
http://www.oschina.net/code/snippet_152736_17798
jquery Mobile Slide-in plugin
http://mmenu.frebsite.nl/
jquery Mobile ten common skills
http://blog.csdn.net/hezudao25/article/details/8052785
jquery mobile Chinese manual api
http:/ WWW.LAMPWEB.ORG/JQUERYMOBILE/5/11.HTML&NBSP
Jquerymobile The ultimate solution for dynamically adding element css loss
/http/ BLOG.CSDN.NET/LGD5979/ARTICLE/DETAILS/7161339&NBSP
Bootstrap Chinese
http://v3.bootcss.com/
jquery Plugin library
http://www.jq22.com/
Mobile Development Essentials! 15 jquery Mobile plugin
http://www.csdn.net/article/2013-11-22/2817596-15- jquery-mobile-plugins-for-mobile-dev/1