如何在jquery步使用getCurrentIndex获取当前选项卡的值？

Question

我正在尝试使用 jquery 获取当前选项卡的值，但我遇到了一个非常奇怪的错误。


console.log("Super Outside")
console.log($("#example-vertical").steps("getCurrentIndex"))
$("#example-vertical > div.actions.clearfix > ul > li:nth-child(2) > a").click( function() {
  console.log("Outside")
  console.log($("#example-vertical").steps("getCurrentIndex"))
 if ($("#example-vertical").steps("getCurrentIndex") == 3 ) {
    console.log("Inside")
}
})

根据代码，我试图获取当前索引的值，每当它达到 3 的值时，我想通过添加 css class.[=13 来显示一些内容=]

我上面的代码返回了这个结果。

Super Outside
0
Outside
(index):1150 Uncaught TypeError: $(...).steps is not a function
    at HTMLAnchorElement.<anonymous> ((index):1150)
    at HTMLAnchorElement.dispatch (jquery-3.4.1.js:5237)
    at HTMLAnchorElement.elemData.handle (jquery-3.4.1.js:5044)

它在我的选择器之外有值，但在选择器内没有任何值。

如何获取点击事件中的值？

Answer 1

所以我的工作方式是这样的。

$("#example-vertical").steps({
    headerTag: "h3",
    bodyTag: "section",
    transitionEffect: "slideLeft",
    stepsOrientation: "vertical",
    enableFinishButton: false,
    enableAllSteps: true,
    onStepChanged: function (event, currentIndex, priorIndex) {
      if(currentIndex == 3){
    submitButton = document.querySelector(".wpt-form-submit")
    submitButton.classList.add("mystyle");    
      }
   } 
});

您不能在步骤方法之外使用它。您可以访问此文档，详细了解 Jquery 步数事件的所有功能：https://github.com/rstaib/jquery-steps/wiki/Settings#events

如何在jquery步使用getCurrentIndex获取当前选项卡的值？

How to get the value of current tab in jquery step usign getCurrentIndex?

jquery

jquery-steps