我在我的应用程序上使用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;
}
}
}
}
如何做到这一点?
发布于 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);
发布于 2014-04-01 10:21:35
我找到了一种简单的方法来做到这一点。您可以使用jquery函数
$("#wizard-t-2").get(0).click();
假设您知道要执行的步骤。此示例将带您进入向导的第三步。使用chromes编辑器找出您要转到的步骤的确切id是什么。
发布于 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 :-)
https://stackoverflow.com/questions/19957432
复制相似问题