<a href="dialog.html">Link</a>
A dialog is made by adding data-rel="dialog" to a link to display the page with an inset appearance and the default dialog transition.
A dialog is made by adding data-rel="dialog" to a link to display the page with an inset appearance and the default dialog transition.
<a href="dialog.html" data-rel="dialog">Link</a>
Note: The below example temporary contains a data-fragment attribute.
A fetch link is created by adding the data-target attribute to a link. This tells the framework to not change pages and instead load the href into the target DOM element on the current page when the link is clicked. The target can be any jQuery selector (or restrict to ID only?).
A fetch link is created by adding the data-target attribute to a link. This tells the framework to not change pages and instead load the href into the target DOM element on the current page when the link is clicked. The target can be any jQuery selector.
<a href="dialog.html" data-target=".quote">
The target method for a link can be specified by adding the data-method attribute to a link. This specifies whether to replace, append, prepend, or insert the content before or after the target element. By default, an external href will replace the target.
The content fragment from the loaded page can be specified. By default, the framework will load in the contents of the data-role="page" container (not the page wrapper itself), but it's possible to specify what content from the page to pull into the target by adding a data-fragment attribute to the link with any jQuery selector.
<a href="dialog.html" data-target=".quote" data-method="append">
+<a href="dialog.html" data-target=".quote" data-fragment="[data-role='content']">
- The content fragment from the loaded page can be specified. By default, the framework will load in the contents of the data-role="page" container, but it's possible to specify content from the page to pull into the target by adding a data-fragment attribute to the link with any jQuery selector.
-
-<a href="dialog.html" data-target=".quote" data-fragment="#content">
-
+ The target method for a link can be specified by adding the data-method attribute to a link. This specifies whether to replace, append, prepend, or insert the content before or after the target element. By default, an external href will replace the target.
- A breakpoint option will automatically load the fetch link if the screen width is larger than the specified value instead of waiting for the link to be clicked. The data-breakpoint attribute on the link specifies the min-width pixel value to load the link.
+<a href="dialog.html" data-target=".quote" data-method="after">
+
+
+
+
+ A breakpoint option will automatically load the fetch link if the screen width is larger than the specified value instead of waiting for the link to be clicked. The data-breakpoint attribute on the link specifies the min-width pixel value to load the link.
<a href="dialog.html" data-target=".quote" data-breakpoint="500">