jQuery Click事件僅觸發一次

Question

您能否看一下這個演示 ，讓我知道為什么#pre和#nex上的點擊事件僅觸發一次！

var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];

var d = new Date();
var n = d.getMonth();
$("#month").html(months[n]);

$(".row").on('click' , '#pre',  function(){
    $("#month").html(months[n-1]);
});

$("#nex").on('click' , function(){
  $("#month").html(months[n+1]);
});

我也嘗試在#pre上使用委托方法，這再次不起作用

Answer 1

您需要減小和增大n的值才能使其工作。 您還需要確保這樣做時，您不在數組的邊界之外，否則您將獲得索引超出范圍的異常。

$(".row").on('click' , '#pre',  function(){
    n = (n === 0) ? months.length - 1 : n - 1;
    $("#month").html(months[n]);
});

$("#nex").on('click' , function(){
    n = (n === months.length - 1) ? 0 : n + 1;
    $("#month").html(months[n]);
});

Answer 2

您沒有更改n的值，所以您總是要從今天開始獲取上個月。 首先在您的onclick方法中獲取#month的當前值。

Answer 3

您的事件正在觸發-您每次觸發時都設置相同的值。 嘗試在事件中添加n + = 1和n- = 1來更改值。

Answer 4

我正在編輯您的代碼，現在可以更改計數器的值了，每次點擊..

var months = [“一月”，“二月”，“三月”，“四月”，“五月”，“六月”，“七月”，“八月”，“九月”，“十月”，“十一月”，“十二月“]; var days = [“星期一”，“星期二”，“星期三”，“星期四”，“星期五”，“星期六”，“星期日”]； var d = new Date（）; var n = d.getMonth（）;

$("#month").html(months[n]);

$(".row").on('click' , '#pre',  function(){
    $("#month").html(months[n-1]);
    n=n-1
});

$("#nex").on('click' , function(){
  $("#month").html(months[n+1]);
    n=n+1
});