Using Jqmobi to develop app basics: the use of a tag

Source: Internet
Author: User
Tags html page

A tag that adds several very special properties to the Afui.

1 data-transition shows how the panel appears and has a certain animation effect.

For example:

data-transition= "Pop"

The parameters that can be used are slide, up, down, flip, fade, pop, none, default to Slide

2data-persist-ajax= "True" specifies a page that loads the made page into the DOM.

The feeling is somewhat similar to the data-defer of the panel. However, there is no AJAX request in the specified page, otherwise there will be blank, that is, load failed. The specified file content limits are the same as the initial testing of the Data-defer-made files.

For example:

<div id= "Home" class= "Panel"  selected= "true"  data-tab= "Navbar_home" data-nav= "main" >   
 <a href= "About.html" id= ' A2 ' data-persist-ajax= "true"  class= ' icon home big ' > About us </a>            
 </div>

3data-refresh-ajax= "True" specifies a page that loads the developed page into the DOM and can contain AJAX requests.

4data-ignore= "True" takes a label as a generic label and Jqmobi does not perform special processing.

For example:

<a href= "INDEX.HTML?BB" data-ignore= "True" >load BB10 Theme </a>

Navigates to the Index.html page and does not load the contents of the index.html into the DOM. If you need to return, you need to write the appropriate link or code. Unlike several others, the returned button is automatically generated.

Preliminary test Data-persist-ajax= "true" to create a static page is OK, data-refresh-ajax= "true" on the Apple system seems to be a problem, but on Android, I do not know whether the problem I tested or because I used the simulator.

Author: csdn Blog xuexiaodong2009

Back to the column page: http://www.bianceng.cnhttp://www.bianceng.cn/OS/extra/

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.