Here we are sharing some jQuery examples and plugins that can help you to create multiple split views on your mobile page with jQuery mobile. These jQuery mobile layout plugins will dynamically change the web pages according to your device. Check out these jQuery mobile layout examples and plugins.
960 Grid on jQuery-Mobile is a jQuery mobile 960 grid port. It gathers the ease of jQuery mobile and 960 grid system. The plugin aims to bring more easiness and flexibility to jQuery mobile layout and thus make it simpler to use on tablets.
3. jQuery Mobile and multiple pages
This example briefly discusses how to build a simple mobile site with multiple pages.
This example adopts a strategy to create pre-fetch multiple pages up front and achieve faster response times when loading sub pages.
5. multiview plugin
With jQuery multiview plugin, you can create unlimited panels and pages. All the pages and panels are added to the DOM when loading the page.
jQuery Mobile Splitview plugin helps you to render web pages according to your device’s browser with. Featuring auto-detection, independent panel scrolling, orientation and resize aware, context awareness, deep-link and history awareness and panel specific links.