JQuery命名空间/代码表现得很有趣

Question

首先，here is my jsfiddle。

我有两个点击监听器。一个在 Next 按钮上，另一个在 Back 按钮上。 Back 按钮上的监听器工作得很好，但 Next 按钮上的监听器没有，尽管它们位于相同的代码区域。

有问题的代码行是：

wizard.goTo($('#wizard-pages span[class="selected"]').next().index());

奇怪的是，如果我跑：

$('#wizard-pages span[class="selected"]').next().index();

我得到正确的索引值。另外，如果我跑，

wizard.goTo(x);

（x是任何数字）。我找到了正确的页面。

只有当它们合并时才会起作用。

我也试过将参数变成一个变量，然后传递它，但我得到了相同的结果。我也尝试将（+1）添加到索引中，而不是在它之前调用.next()。有什么想法吗？

Answer 1

这是一个更新的小提琴：http://jsfiddle.net/7v8Xx/1/

你在这一行上没有走得太远：

wizard.goTo($('#wizard-pages span[class="selected"]').next().index());

将1添加到索引!!

wizard.goTo($('#wizard-pages span[class="selected"]').next().index()+1);