Bisher hatte ich wenig mit jQuery zu tun - ich habe es eigentlich nie großartig gebraucht. 😁
Ein Wunder also, dass ich diesen Artikel schreiben kann: Ich habe ein kleines jQuery-Skript auf Basis eines Skripts von reallysimpleworks.com (via davidhellmann.com) erstellt, mit dem man zwischen Artikeln auf WordPress blättern kann.
Werbeblocker aktiv?
Vermutlich aufgrund eines Werbeblockers kann an dieser Stelle leider keine Werbung angezeigt werden. Als Blog ist diese Website jedoch darauf angewiesen, um diverse Kosten abdecken zu können. Vielleicht möchtest du Servaholics ja in deinem Werbeblocker als Ausnahme hinzufügen und so unterstützen? 🙂
Intuitiv lässt sich nun mit den Pfeiltasten links und rechts zum nächst alten bzw. neuen wechseln. Grundlage hierfür sind die zwei link-Tags prev und next, die WordPress standardmäßig einbindet.
Bemerkung: Das Skript funktioniert (absichtlich 😛) nicht in input- und textarea-Elementen.
Eingebunden werden sollte es natürlich nur für die Ansicht einzelner Artikel (in WordPress normalerweise single.php), und nach dem Einbinden einer jquery.js. 🙂
(function ($) {
jQuery(document).keydown(function(e) {
var element = e.target.nodeName.toLowerCase();
if (element != 'input' && element != 'textarea') {
var url = false;
if (e.which == 37) {
if ($("link[rel='prev']").length > 0) {
url = $("link[rel='prev']").attr('href');
}
} else if (e.which == 39) {
if ($("link[rel='next']").length > 0) {
url = $("link[rel='next']").attr('href');
}
}
if (url) {
window.location = url;
}
}
});
})(jQuery);
Nachtrag:
Sollte das jQuery-Skript nicht funktionieren, kann dies unter anderem folgende zwei Gründe haben:
- Keine Version eines jQuery-Bibliothek wurde eingefügt.
- Die Meta-Tags "prev" und "next" fehlen. Folgender PHP-Code, eingefügt in die functions.php-Datei des Themes, sollte funktionieren (getestet unter WordPress 3.3.1):
<?php
add_action('wp_head', 'adjacent_posts_rel_link_wp_head');
?>