Условное событие клика не работает

Question

Когда число меньше -2, можно нажать кнопку prev. Я хочу, чтобы кнопка предыдущая не работала, если число меньше, чем -2 и так на следующий, если счетчик равен 1:

То, что я пытался, но не случайно:

HTML:

<a href="javascript:" id="prev">prev</a> 
    <a href="javascript:" id="next">next</a> 

JS:

$(function() { 
    var $prev = $('#prev'), 
     $next = $('#next'), 
     count = -1; 

    function prev() { 
     $prev.click(function(){ 
     count--; 
     console.log(count); 
     }); 
    } 

    function next() { 
     $next.click(function(){ 
     count++; 
     console.log(count); 
     }); 
    } 

    if (count > -2) { 
     prev(); 
    } else if (count < 1) { 
     next(); 
    } 

    }); 

Вот результат, когда я нажимаю кнопку предыдущая, и следующая кнопка не сработала. Расскажите, как сделать ее полезной.

Answer 1

Каждый раз, когда вы звоните next() или prev() вы придадите новое событие щелчка к кнопкам, вам не нужно, чтобы добавить эти функции просто прикрепить событие за один раз, проверьте пример ниже.

Надеюсь, это поможет.

$(function() { 
 
    var $prev = $('#prev'), 
 
     $next = $('#next'), 
 
     count = -1; 
 

 
    $prev.click(function(){ 
 
    if (count > -2) { 
 
     count--; 
 
     console.log(count); 
 
    } 
 
    }); 
 

 
    $next.click(function(){ 
 
    if (count < 1) { 
 
     count++; 
 
     console.log(count); 
 
    } 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="javascript:" id="prev">prev</a> 
 
<a href="javascript:" id="next">next</a>