2010-10-23 21:24:06 +00:00
<!DOCTYPE html>
< html >
2010-11-02 01:46:29 +00:00
< head >
2011-02-18 20:00:18 +00:00
< meta charset = "utf-8" >
2011-05-17 21:28:19 +00:00
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
2011-03-31 13:11:26 +00:00
< title > jQuery Mobile Docs - Link Scenarios< / title >
2011-01-06 00:19:24 +00:00
< link rel = "stylesheet" href = "../../themes/default/" / >
2010-11-11 19:15:42 +00:00
< link rel = "stylesheet" href = "../_assets/css/jqm-docs.css" / >
2011-04-14 20:04:47 +00:00
< script src = "../../js/jquery.js" > < / script >
< script src = "../../js/" > < / script >
2010-10-23 21:24:06 +00:00
< / head >
< body >
2011-03-10 03:36:14 +00:00
< div data-role = "page" >
2010-10-23 21:24:06 +00:00
2011-03-10 03:36:14 +00:00
< div data-role = "header" data-theme = "b" >
2011-03-31 13:11:26 +00:00
< h1 > Link Scenarios< / h1 >
2011-03-10 03:36:14 +00:00
< a href = "../../" data-icon = "home" data-iconpos = "notext" data-direction = "reverse" class = "ui-btn-right jqm-home" > Home< / a >
2010-10-23 21:24:06 +00:00
< / div > <!-- /header -->
2011-03-10 03:36:14 +00:00
< div data-role = "content" >
2010-10-23 21:24:06 +00:00
< p > jQuery Mobile is designed to work with simple page linking conventions. The following list demonstrates how different types of links will be handled, either remotely or through an Ajax Request.< / p >
2011-03-10 03:36:14 +00:00
< ul data-role = "listview" data-inset = "true" data-theme = "c" data-dividertheme = "b" >
< li data-role = "list-divider" > Examples of links that work within a single-page (if the page exists)< / li >
2010-10-23 21:24:06 +00:00
< li > < a href = "docs/pages/index.html" > [href="docs/pages/index.html"]< / a > < / li >
< li > < a href = "/docs/toolbars/index.html" > [href="/docs/toolbars/index.html"]< / a > < / li >
< li > < a href = "#somelocalID" > [href="#somelocalID"]< / a > < / li >
2011-02-20 18:46:23 +00:00
< li > Note: an full URL to the same-domain will also work< / li >
2011-03-10 03:36:14 +00:00
< li data-role = "list-divider" > Examples of links that trigger a refresh< / li >
< li > < a href = "docs/pages/index.html" data-ajax = "false" > [data-ajax="false"]< / a > < / li >
2010-10-23 21:24:06 +00:00
< li > < a href = "docs/pages/index.html" rel = "external" > [rel="external"]< / a > < / li >
< li > < a href = "docs/pages/index.html" target = "_blank" > [target="_blank"]< / a > < / li >
< li > < a href = "mailto:john@doe.com" > [href="mailto:john@doe.com"]< / a > < / li >
< li > < a href = "tel:543-434-3454" > [href="tel:543-434-3454"]< / a > < / li >
< li > < a href = "http://google.com" > [href="http://google.com"]< / a > < / li >
2011-03-10 03:36:14 +00:00
< li data-role = "list-divider" > Links that return false< / li >
2010-10-23 21:24:06 +00:00
< li > < a href = "#" > [href="#"]< / a > < / li >
< / ul >
< / div > <!-- /content -->
< / div > <!-- /page -->
< / body >
< / html >