javascript - 对全局变量不更新感到困惑

Question

我有以下代码:

var clickCount = 1;
var slideCount = $('div.slide').length;

$('a#next-button').click(function() {
    if(clickCount < slideCount) {
        $('div.slide').animate({"left":"-=" + slideWidth}, 'slow');
        clickCount = clickCount + 1;
    }
});

$('p').text(clickCount); 

它有一个名为 clickCount 的全局变量.

$('a#next-button').click(function() { …每次 <a> 时，以 1 为增量更新全局变量元素被点击。

所以，我的问题是，为什么:$('p').text(clickCount);在 <a> 期间不向我显示页面上更新的 clickCount标签被点击。相反，它只显示 1(原始分配值)。

Answer 1

变量正在更新，但您的函数 ($('p').text(clickCount);) 仅运行一次，因此仅使用它看到的值。

要解决此问题，请将 $('p').text(clickCount); 放在 click 函数中。

$('a#next-button').click(function() {
  if(clickCount < slideCount) {
     $('div.slide').animate({"left":"-=" + slideWidth}, 'slow');
     clickCount = clickCount + 1;
     $('p').text(clickCount); 
  }
});