A detailed description of the default configuration for jquery Mobile, the Chinese configuration of jquery mobile api,jquery Mobile configuration instructions, configuration Daquan

Source: Internet
Author: User

Learning jquery Mobile also has a period of time, getting started, and more and more like him. I have no reason to refuse him at all. Here I have to share my instructions for the use of its configuration items.

See Code Explanation:

$ (document). Live ("Pageinit", function (event) {$.mobile.loadingmessage = "Loading data, please wait ...";   Mobile.pageloaderrormessage= "Sorry, the system seems to be a little sleepy ..."; $.mobile.loadingmessagetextvisible=true;   $.mobile.loadingmessagetheme= "a"; $.mobile.pageloaderrormessagetheme= "a";/*$.extend ($.mobile, {activebtnclass: "new-ui-btn-active",// Activebtnclass string Default value: "Ui-btn-active" assigns the class value to the button that is excited. Activepageclass: "New-ui-page-active",//string default: "Ui-page-active" assigns the current page class value Ajaxenabled:false,//boolean default value : True Controls whether default Ajax link clicks and form submissions are suppressed, and the hash is stopped for listening and then in regular HTTP mode. Allowcrossdomainpages:false,//boolean default: False to set whether cross-domain is allowed. Because JQuery Mobile will record the location hash,//This may bring a cross-site scripting (XSS) attack on the website, so this option defaults to False. Autoinitializepage:true,//boolean default value: True when the DOM is loaded, JQuery Mobile automatically calls the $.mobile.initializepage method. If the property is set to False, the page is not initialized, that is, the page is blank. BUTTONMARKUP.HOVERDELAY:200,//shaping default: 200//This property sets the delay for adding hover and down classes after touching one of the JQuery Mobile buttons. The smaller the number, the smaller the delay, the more sensitive the touch, but at the same time it is likely that the page roll is triggered incorrectlyMoving bar scrolling. Therefore, the recommended values are not too small. Defaultdialogtransition: "Pop",///string default: "Pop" sets the default cut-out animation for a dialog box using Ajax mode. Defaultpagetransition: "Fade",//string default: Fade Sets the default cut-through animation for pages that use Ajax-style jumps. Gradea:true,//boolean default: "True" sets the return value of $.support.mediaquery, which defaults to the support condition for mobile devices that meet all grade A levels to return true. Hashlisteningenabled:true,//boolean default: True to set whether to listen and handle location.hash changes. Ignorecontentenabled:false,//boolean default: False to set this option to true,//and set the Data-enhance= "false" property on the parent element of an element, the element will automatically reduce the JQuery Mob Ile//Enhancements (jquery mobile element enhancement refers to the rich, interactive enhancement of the basic elements of a Web page and the corresponding HTML structure of jquery mobile). Linkbindingenabled:true,//boolean default: True JQuery Mobile will automatically bind anchor tags to the document,//Set this option to False to prevent all anchor click Processing, such as deactivating the button state. In general, this property is set to False only if the anchor tag is processed to another processing library. Loadingmessagetextvisible:false,//boolean default: False sets whether the prompt text is displayed when the page is loaded. Loadingmessage: "Loading data, please wait ...",//string default: "Loading" setting loads the content of the hint text when the page displays the load prompt. Loadingmessagetheme: "A",//string default: "A" setting the default theme for loading prompts when the page displays the load prompt. minscrollback:250,//shaping Default: 250 set page minimum scrolling distance ns: "",//string Default: "" This property can change Jqurey Mobile's named null, jquery Mobile//By Data-ns attribute value to arrange the namespace, the default is empty, then direct data-role, for example, if the value of setting NS is "Custom",//You need to define a jQuery Mobile head at this time need to be defined from the original The data-role= "header" changed to Data-custom-role= "header",//other data-role to change to become data-custom-role. This allows developers to create their own namespaces and avoid conflicts with the original properties of JQuery Mobile, making it easier to customize the theme. It is important to note that when you use the Data-namespace, you need to update the selector for the jQuery Mobile CSS file in the following format//.ui-mobile [Data-custom-role=page],. Ui-mobile [ Data-custom-role=dialog] ... pageloaderrormessage: "Sorry, the system seems to be a little sleepy ...",//string default: "Error Loading page" setting when Ajax loading page The prompt message that appears when a face error occurs. Pageloaderrormessagetheme "E",//string default: "E" sets the theme style of the error prompt when Ajax loads the page error. pushstateenabled:true,//Boolean default: True to enable history.replacestate this enhancement in a supported browser,//To convert the Ajax request of the hash value (hash-based) to the full document path. JQuery Mobile recommends turning off this feature when you turn off Ajax navigation and use a lot of external links. Subpageurlkey: "Ui-page",//string default: The "ui-page" url parameter is used to point to a sub-page generated by the component (such as a nested list page),//The URL is interpreted as EXAMPLE.HTML&UI-PAGE=SUBP Ageidentifier, and the hash before &ui-page= is the Ajax request to this URL address by JQuery Mobile. Touchoverflowenabled:false//Boolean default value: FalseSetting whether to use the Native region scrolling feature of the device, except iOS5, most devices do not currently support native region scrolling characteristics, so it is not recommended to modify this property in JQuery Mobile 1.1.0. }); *///$.mobile.defaultpagetransition = "Fade"; $.mobile.defaultdialogtransition = "Fade"; Default load animation});
Here it is written, due to the time relationship.

Welcome everyone to pay attention to my personal blog!!! If in doubt, please add QQ Group:135430763 Study together!


Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.