Recent news

Tuesday, 24 May 2016

jQuery Mobile Boilerplate A single Place For Developer To Start Using jQuery Mobile



 Boilerplate is a jQuery mobile plugin. This plugin is very helpful for the developer who is in beginning stage of learning jQuery mobile development. This plugin provide everything in one page.


How To Use

1. Add the below library reference

<link rel="stylesheet" href="css/jquery.mobile-1.4.0.min.css" />
<script src="js/jquery-1.10.2.js"></script>
<script src="js/mobileinit.js"></script>
<script src="js/ios-orientationchange-fix.min.js"></script>
<script src="js/jquery.mobile-1.4.0.js"></script>
<script src="js/application.js"></script>


2. Now add the below html tag.

<div data-role="page">

              <div data-role="header">
                     <h1>jQuery Mobile Boilerplate 1.2</h1>
              </div>

              <div data-role="content">

                     <ul data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
                           <li>Snippet Pages</li>
                           <li><a href="buttons.html">Buttons</a></li>
                           <li><a href="grids.html">Grids</a></li>
                           <li><a href="collapsibles.html">Collapsible Boxes</a></li>
                           <li><a href="collapsible-sets.html">Collapsible Sets</a></li>
                           <li><a href="forms.html">Form Elements</a></li>
                           <li><a href="lists.html">List Views</a></li>
                     </ul>

              </div>

              <div data-role="footer">
                     <pjQuery Mobile Boilerplate</p>
              </div>

       </div>


3. Add the below code to perform operation

<script>
(function (a, b, c) { if (c in b && b[c]) { var d, e = a.location, f = /^(a|html)$/i; a.addEventListener("click", function (a) { d = a.target; while (!f.test(d.nodeName)) d = d.parentNode; "href" in d && (d.href.indexOf("http") || ~d.href.indexOf(e.host)) && (a.preventDefault(), e.href = d.href) }, !1) } })(document, window.navigator, "standalone")
</script>




Pranav Singh Author: Pranav Singh

Hello, I am Author of this blog. The main purpose of this blog is to provide all the jQuery plugins which is helpful in designing and developing a web application in a single location from the web.

Previous
Next Post »

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

Recent Articles