impress.js - кнопки Далее и Назад

Question

Я посмотрел на другие вопросы по этой теме, и знаю, что я должен сделать что-то вроде этого:

я создал кнопки:

<button id="next"></button> 
<button id="prev"></button> 

А затем в нижней части страницы, я это (это было взято из другого вопроса here):

<script src="js/impress.js"></script> 
<script>impress().init();</script> 

<script> 
$("#next").click(function() { 
    api.next(); 
}); 

$("#prev").click(function() { 
    api.prev(); 
}); 
</script> 

Но он не работает вообще; может кто-нибудь дать мне руку с этим?

Answer 1

Замените ваш скрипт так:

<script> 
$("#next").click(function() { 
    impress().next(); 
}); 

$("#prev").click(function() { 
    impress().prev(); 
}); 
</script> 

Answer 2

Включили ли вы JQuery? Если нет, то добавьте это тоже:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 

Answer 3

это работает, если на следующий предыдущий в внутри Impress DIV

$('#next').on('click', function(e){ 
    impress().next(); 
    e.stopPropagation(); 
}); 

$('#prev').on('click', function(e){ 
    impress().prev(); 
    e.stopPropagation(); 
});