Question

请您查看this Demo并告诉我为什么#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 = [＆＃34; January＆＃34;，＆＃34; February＆＃34;，＆＃34; March＆＃34;，＆＃34; April＆＃34;，＆＃34; May＆＃34 ;，＆＃34;六月＆＃34;，＆＃34;七月＆＃34;，＆＃34;八月＆＃34;，＆＃34;九月＆＃34;，＆＃34;十月＆＃34;，＆＃34 ;十一月＆＃34;，＆＃34;十二月＆＃34;]; var days = [＆＃34; Mon＆＃34;，＆＃34; Tue＆＃34;，＆＃34; Wed＆＃34;，＆＃34; Thu＆＃34;，＆＃34; Fri＆＃34;，＆＃34;周六＆＃34;，＆＃34;太阳＆＃34;]; 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
});

Jquery点击事件仅触发一次

4 个答案: