jQuery Mobile is a UI framework that is written in JavaScript language and used for creating mobile web applications. It works on all popular smartphones and tablets. jQuery Mobile uses HTML5 & CSS3.
1) What is jQuery Mobile?
It is a user interface framework that is built on jQuery core and used for developing responsive websites or applications that are accessible on mobile, tablet and desktop devices.
2) How To Divide A Page Into Parts Using Jquery Mobile?
- Pages normally don’t have a fixed height.
- If you set a page or some element on a page to a fixed height using CSS, then you can size things in terms of %.
- You’ll need to use a bit of Javascript to set the page height.
3) Why we need jQuery Mobile?
jQuery Mobile is a touch-optimized web framework (additionally known as a JavaScript library or a mobile framework) currently being developed by the jQuery project team. The development focuses on creating a framework compatible with a wide variety of smartphones and tablet computers, made necessary by the growing but heterogeneous tablet and smartphone market. The jQuery Mobile framework is compatible with other mobile app frameworks and platforms such as PhoneGap, Worklight and more.
4) List a few features of jQuery mobile?
- It is an open-source platform.
- It is coded in JavaScript and uses jQuery (user interface) for creating websites.
- It is built on the jQuery core.
- It allows us to use animated pages transition with the help of ajax navigation systems
5) How to use transition effects?
The attribute data-transition =”transition_name” is used when a user wants to add different transition effects like flip, slideshow etc.
6) Why Use jQuery Mobile?
1. Write Less, Do More.
2. Its works on Android, Blackberry, iOS and iPhone
3. It’s optimized
7) What is jQuery Mobile Themeing?
jQuery Mobile provides a powerful theming that allows developers to customize color schemes & CSS aspects of UI features.
8) How to load a page using jQuery mobile?
To load an external page – broaden its content, insert it into DOM and use the page load method.
9) How to control page titles in jQuery Mobile?
When you load the first page of a jQuery Mobile based site, then click a link or submit a form, AJAX is used to pull in the content of the requested page. Having both pages in the DOM is essential to enable the animated page transitions, but one downside of this approach is that the page title is always that of the first page, not the subsequent page you’re viewing. To remedy this, jQuery Mobile automatically parses the title of the page pulled via AJAX and changes the title attribute of the parent document to match.
10) Tell me is jQuery a W3C standard?
No. jQuery is not a W3C standard.
11) Why Html 5 Inputs Look Different Across Devices And Browsers?
jQuery Mobile does not have control over the UI for most of the newer HTML5 input elements like date, color, and number. The keyboards and pickers provided are browser-dependent but will safely fall back to a standard input if it’s not supported. We do apply basic border and color styles to inputs for these elements so there is some visual consistency.
12) How to display a dialog box in the page?
Use the attribute data-dialog=”true” to any page to display a dialog.
13) Describe few HTML tags used in jQuery Mobile?
data-role=”page”: Page displayed in the browser.
data-role=”header”: Creates a toolbar at the top of the page.
data-role=”main”: Content of the page, like text, images, buttons and forms etc.
“ui-content”: Adds extra padding and margin inside the page content
data-role=”footer”: creates a toolbar at the bottom of the page
14) How To Load A Page Using Jquery Mobile?
To load an external page, enhance its content, and insert it into the DOM, use the load page method. There are a lot of methods and properties that you can set when loading pages.
15) How To Keep The Submit Text From Showing With Jquery Mobile?
Suppose we are working on a website that has a submit button and forms and such. On this website, we using jQuery Mobile, but to keep its stylesheet from interfering we using some jQuery.
jQuery Mobile is doing a weird thing where it is printing the value of the button, in this case, “Submit”, to the page, even though under it there is a button under it that says “Submit” and actually works.
