Создание навигации по следующей / предыдущей HTML-странице с помощью jquery
У меня есть серия страниц под названием "Страница-1", "Страница-2", "Страница-3"... "страница-99" и т. д. Я пытаюсь создать навигацию таким образом, чтобы всякий раз, когда я нажимаю кнопку "Далее", она переходила на следующую страницу, а если я нажимаю "предыдущая", она переходила на предыдущую страницу в зависимости от текущего номера страницы.
У меня есть HTML:
<a href="#" id="next">next</a> <!--it will go to page-3--> <a href="#" id="prev">previous</a> <!--it will go to page-1-->
и код jQuery (от Stackoverflow.com):
// Check that a resource exists at url; if so, execute callback function checkResource(url, callback){ var check = new XMLHttpRequest(); check.addEventListener("load", function(e){ if (check.status===200) callback(); }); check.open("HEAD",url); check.send(); } // Get next or previous path function makePath(sign){ // location.pathname gets/sets the browser's current page return location.pathname.replace( // Regular expression to extract page number /(\/page\-)(\d+)/, function(match, base, num) { // Function to increment/decrement the page number return base + (parseInt(num)+sign); } ); } function navigate(path){ location.pathname = path; } var nextPath = makePath(1), prevPath = makePath(-1); checkResource(nextPath, function(){ // If resource exists at nextPath, add the click listener document.getElementById('next') .addEventListener('click', navigate.bind(null, nextPath)); }); checkResource(prevPath, function(){ // If resource exists at prevPath, add the click listener document.getElementById('prev') .addEventListener('click', navigate.bind(null, prevPath)); });
По какой-то причине код не работает в Chrome и частично работает в Mozilla. Я очень новичок в jQuery и пытаюсь понять, почему он не работает, когда я его реализую. Есть идеи ?
Спасибо
Что я уже пробовал:
Я пытался это исправить, но я очень новичок в jQuery, и мне трудно понять эту проблему.