使用jQuery- step转到自定义步骤
使用jQuery- step转到自定义步骤
提问于 2013-11-13 23:16:34
我在我的应用程序上使用jQuery-steps来处理类似向导的情况。不过，我在寻找如何更改为自定义步骤时遇到了麻烦。这个问题有什么帮助吗？
$(function () {
$("#wizard").steps({
headerTag: "h2",
bodyTag: "section",
transitionEffect: "slideLeft",
enableFinishButton: false,
labels: {
next: $('#next').html(),
previous : $('#previous').html()
},
onStepChanged: function (event, currentIndex, priorIndex)
{
if( priorIndex == 0) {
var selected = $('input[name=radio_wizard]:checked', '#radio_wizard').val()
switch( selected ){
case 1:
// GOTO 1
break;
case 2:
// GOTO 2
break;
case 3:
// GOTO 3
break;
}
}
}
}如何做到这一点？
回答 14
Stack Overflow用户
发布于 2013-12-19 21:37:07
我这样做了，所以我创建了这个新函数：
function _goToStep(wizard, options, state, index)
{
return paginationClick(wizard, options, state, index);
}而未实现的调用，放入如下内容：
$.fn.steps.setStep = function (step)
{
var options = getOptions(this),
state = getState(this);
return _goToStep(this, options, state, step);
};只是利用已经存在的插件。
使用：
wizard.steps("setStep", 1);Stack Overflow用户
发布于 2014-04-01 10:21:35
我找到了一种简单的方法来做到这一点。您可以使用jquery函数
$("#wizard-t-2").get(0).click();假设您知道要执行的步骤。此示例将带您进入向导的第三步。使用chromes编辑器找出您要转到的步骤的确切id是什么。
Stack Overflow用户
发布于 2015-12-30 01:20:28
stepsWizard = $("#wizard").steps({
forceMoveForward : true,
enablePagination: false,
titleTemplate : '<span class="number">#index#.</span> #title#'
});
stepsWizard.steps("next"); // this will send us on next step :-)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19957432
复制相关文章
相似问题