Benutzer: Gast
Eintrag: Ein Seitenbaum für www und mobile mit jQuery Mobile

Ein Seitenbaum für www und mobile mit jQuery Mobile

von: marcel
Kreise: Typo3

Bei Verwendung eines Seitenbaums für die www- und mobile-Seite gibt es Unterschiede in der Handhabung von internen Links im neuen Fenster und internen Download-Links:

  • Das öffnen von internen Seiten in einer Lightbox oder in einem neuen Tab kann auf www.domain.tld gewünscht sein, auf mobile.domain.tld ist es eher unterwünscht.
  • Durch die Ajax-Funktionalität von jQuery Mobile beim Seitenwechsel funktionieren Downloads nicht mehr.


Abhilfe schafft das Herausfinden der Link-Art, um die Link-Attribute dahingehend zu ändern:

Code: JS JScript JavaScript
$(document).bind('pageinit', function() {
	// change data-ajax attribute on downloads
	// remove target on internal links
	var compDownload = new RegExp('^' + location.protocol + '//' + location.host + '/fileadmin/');
	var compInternal = new RegExp('^' + location.protocol + '//' + location.host);
	$('a').each(function(){
		if (this.href && compDownload.test(this.href)) {
			$(this).attr("data-ajax", "false");
		} else if (this.href && compInternal.test(this.href)) {
			$(this).attr("data-original-target", $(this).attr("target")).attr("target", "");
		}
	});
});
Es gibt noch keine Kommentare.