Page Transition does not work with another HTML page within the same application ....serious issue with JqueryMobile
Hi Guys,
I want to use the Page transition feature of JqueryMobile in my application. I have 3 pages in my app. home.html,
GetNotifications.html and alert.html.
I am using the anchor tags to add these hyperlinks dynamically.
My code below :-
Note: I dnt want to use rel=external attribute to redirect to another page, I wish to have the transition effect on another page
var
strLinkSection =
"<p><a data-role='button' data-theme='b' data-transition='slide' href='GetNotifications.html
'>Notifications</a></p>"
; strLinkSection +=
"<p><a data-role='button' data-theme='b' data-transition='slide' href='CheckCriteria.html'>CheckInfo</a></p>"
;
$(
'<div>'
+strLinkSection+
'</div> '
).appendTo(
'[data-role="content"]'
).page()
Please let me know if any one has any solution