for循环中的点击事件 | i 值始终是最后一个值

Question

我是 CasperJS 初学者。

我想遍历 ul 的所有 li 并单击每个 li。单击 li 时，会弹出一个模态窗口并保存模态数据。但是循环内'i'的值永远是结束值。
我在 ul.
中有 5 个 lis 以下循环总是在第 5 里点击 5 次，并在点击第 5 里时保存模态数据 5 次。

casper.then(function() {
  a = lis.length;
  this.echo(a + ' lis found');
  for(var i = 1; i <= a; i++ ) {
    this.echo(i + ' now');
    this.click('.hello:nth-child('+ i +')' );
    casper.waitUntilVisible('.modal__content ', function() {
      console.log('Open Modal');
      links = links.concat(this.evaluate(getLinks));
    });
  }
});

我用谷歌搜索发现我们应该将事件侦听器的分配包装在一个闭包中。但这并没有回应任何东西。

casper.then(function() {
  a = lis.length;
  this.echo(a + ' lis found');
  for(var i = 1; i <= a; i++ ) {
    (function(i){  // Added this line
      this.echo(i + ' now');
      this.click('.hello:nth-child('+ i +')' );
      casper.waitUntilVisible('.modal__content ', function() {
        console.log('Open Modal');
        links = links.concat(this.evaluate(getLinks));
      });
    })(i); // Added this line
  }
});

Answer 1

将 click 更改为 thenClick 解决了问题:)

casper.then(function() {
  a = lis.length;
  this.echo(a + ' lis found');
  for(var i = 1; i <= a; i++ ) {
    this.echo(i + ' now');
    this.thenClick('.hello:nth-child('+ i +')' ); // Changed to thenClick from click
    casper.waitUntilVisible('.modal__content ', function() {
      console.log('Open Modal');
      links = links.concat(this.evaluate(getLinks));
    });
  }
});

for循环中的点击事件 | i 值始终是最后一个值

Click event in for loop | i value is always the last value

javascript

phantomjs

casperjs