JQuery Mobile Ajax Callbacks

ASP.NET Websites und das ASP.NET Scriptmanager Steuerelement können unter Umständen in Konflikt geraten. Grund ist, das Jquery Mobile automatisch clientseitige redirects per XMLHTTPRequest nachlädt.

image

Der Vorteil dieses Callbacks ist, das man dann den Seitenwechsel wunderbar animieren kann. Es reicht ein simples Attributim Hyperlink  und dann wird geslided  oder gefaded beim Übergang auf die nächste ASPX oder HTML Seite.

   1:    <ul data-role="listview">
   2:          <li><a href="WebForm22a" data-transition="slide">test</a></li>
   3:      </ul>

slides

Wie erwähnt kann das aber auch Störungen hervorrufen. Um das Standard verhalten zu erzeugen, muss vor dem Laden des JQuery Mobile Scripts, AjaxEnabled auf false gesetzt werden.

   1:   <script src="Scripts/jquery-1.8.2.min.js"></script>
   2:   <script>$(document).on("mobileinit", function () { $.mobile.ajaxEnabled = false; }); </script>
   3:   <script src="Scripts/jquery.mobile-1.3.0.js"></script>

image

Natürlich gibt es dann keine animierten Transitions mehr.

Kommentare sind geschlossen