10个实用的 jQuery Mobile 插件推荐
openkk 13年前
<p>jQuery Mobile 是 <a href="http://www.open-open.com/ajax/jquery.htm" target="_blank">jQuery</a><a href="http://www.open-open.com/ajax/jquery.htm" target="_blank"> </a>在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。</p> <p><img title="jquery-mobile-e1313348100232.jpg" border="0" alt="jquery-mobile-e1313348100232.jpg" src="https://simg.open-open.com/show/87060c6a208d5f5548dc6a53a694540d.jpg" /></p> <p>jQuery Mobile 是 jQuery 的移动手机插件,而这里介绍的 10 个 jQuery Mobile 的插件,也就是 jQuery 的插件的插件。</p> <h3>1) <a href="/misc/goto?guid=4958184649870465622">Drag And Scale For IOS</a></h3> <p style="text-align:center;"><a href="/misc/goto?guid=4958184649870465622"><img class="size-full wp-image-442 aligncenter" title="drag and scale for iOS - jQuery Plugins_1305487636957" alt="" src="http://zoomzum.com/wp-content/uploads/2011/05/drag-and-scale-for-iOS-jQuery-Plugins_1305487636957-e1305487695394.png" width="500" height="248" /></a></p> <h3>2) <a href="/misc/goto?guid=4958184651288801702" target="_blank">jQuery Mobile Photo Album</a></h3> <p style="text-align:center;"><img class="aligncenter" title="mobile photo" alt="" src="http://zoomzum.com/wp-content/uploads/2011/08/mobile-photo-e1313343391776.jpg" width="550" height="314" /></p> <h3>3)<a href="/misc/goto?guid=4958184652022830223"> Jquery Mobile Device Drag And Drop</a></h3> <p style="text-align:center;"><a href="/misc/goto?guid=4958184652022830223"><img class="aligncenter size-full wp-image-2707" title="Mobile Drag And Drop" alt="" src="http://zoomzum.com/wp-content/uploads/2011/08/Mobile-Drag-And-Drop-e1313348661963.jpg" width="550" height="258" /><br /> </a></p> <h3>4)<a href="/misc/goto?guid=4958184653445638717"> Jquery Swipe</a></h3> <p style="text-align:center;"><a href="/misc/goto?guid=4958184653445638717"><img class="aligncenter size-full wp-image-2704" title="Mobile-Device-Drag-And-Drop" alt="" src="http://zoomzum.com/wp-content/uploads/2011/08/Mobile-Device-Drag-And-Drop-e1313347837546.png" width="550" height="285" /><br /> </a></p> <h3 style="text-align:left;">5) <a href="/misc/goto?guid=4958184654848246082">jQuery Mobile with Google Map</a></h3> <p style="text-align:center;"><a href="/misc/goto?guid=4958184654848246082"><img class="aligncenter size-full wp-image-2697" title="Google maps plugin" alt="" src="http://zoomzum.com/wp-content/uploads/2011/08/Google-maps-plugin-e1313341133926.jpg" width="550" height="306" /></a></p> <h3 style="text-align:left;">6) <a href="/misc/goto?guid=4958184656266865134" target="_blank">Photoswipe</a></h3> <p style="text-align:center;"><a href="/misc/goto?guid=4958184656266865134"><img class="aligncenter size-full wp-image-2698" title="Photo-Swipe" alt="" src="http://zoomzum.com/wp-content/uploads/2011/08/Photo-Swipe-e1313342134995.jpg" width="550" height="326" /></a></p> <h3>7)<a href="/misc/goto?guid=4958184657688171307"> keep Reading</a></h3> <p style="text-align:center;"><a href="/misc/goto?guid=4958184657688171307"><img title="Keep Reading - jQuery Plugins_1305487878764" alt="" src="http://zoomzum.com/wp-content/uploads/2011/05/Keep-Reading-jQuery-Plugins_1305487878764-e1305487940133.png" width="500" height="268" /></a></p> <h3 style="text-align:left;">8 ) <a href="/misc/goto?guid=4958184659099833492" target="_blank">jQuery Mobile Datebox</a></h3> <p style="text-align:center;"><img class="aligncenter size-full wp-image-2699" title="jQuery-Mobile-DateBox" alt="" src="http://zoomzum.com/wp-content/uploads/2011/08/jQuery-Mobile-DateBox-e1313342973444.jpg" width="550" height="277" /></p> <h3>9)<a href="/misc/goto?guid=4958184659834628054"> Advanced Browser Check</a></h3> <p style="text-align:center;"><a href="/misc/goto?guid=4958184659834628054"><img title="Advanced Browser Check - jQuery Plugins_1305488179537" alt="" src="http://zoomzum.com/wp-content/uploads/2011/05/Advanced-Browser-Check-jQuery-Plugins_1305488179537-e1305488237340.png" width="500" height="320" /></a></p> <p> </p> <h3 style="text-align:left;">10) <a href="/misc/goto?guid=4958184661267371631" target="_blank">jQuery Mobile ActionSheet</a></h3> <p style="text-align:center;"><img class="aligncenter size-full wp-image-2701" title="actionsheet" alt="" src="http://zoomzum.com/wp-content/uploads/2011/08/actionsheet.png" width="405" height="458" /></p>