我使用jQuery Steps作为我的网站注册向导,除了在第一步中获得了前一个按钮之外,它的功能非常出色,因为没有任何先前的内容,所以这实际上是没有意义的。
我查看了API中的onInit()
函数,但没有对enablePreviousButton
进行设置,仅对enableFinishButton
和enableCancelButton
进行了设置。
有什么方法可以删除第一步上的“上一步”按钮?
要求的代码:
$("#register-form").steps({
headerTag: "h3",
bodyTag: "fieldset",
autoFocus: true,
onInit: function (event, current) {
alert(current);
},
labels: {
finish: 'Sign Up <i class="fa fa-chevron-right"></i>',
next: 'Next <i class="fa fa-chevron-right"></i>',
previous: '<i class="fa fa-chevron-left"></i> Previous'
}
});
HTML:
<h3><?= $lang_wizard_account; ?></h3>
<fieldset>
<legend><?= $lang_text_your_details; ?></legend>
<div class="form-group">
<label class="control-label col-sm-3" for="username"><b class="required">*</b> <?= $lang_entry_username; ?></label>
<div class="col-sm-8">
<input type="text" name="username" value="<?= $username; ?>" class="form-control" placeholder="<?= $lang_entry_username; ?>" autofocus id="username" required>
<?php if ($error_username) { ?>
<span class="help-block error"><?= $error_username; ?></span>
<?php } ?>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-3" for="firstname"><b class="required">*</b> <?= $lang_entry_firstname; ?></label>
<div class="col-sm-8">
<input type="text" name="firstname" value="<?= $firstname; ?>" class="form-control" placeholder="<?= $lang_entry_firstname; ?>" id="firstname" required>
<?php if ($error_firstname) { ?>
<span class="help-block error"><?= $error_firstname; ?></span>
<?php } ?>
</div>
</div>
....
</fieldset>
最佳答案
这具有相同的效果,但hack-y的方式较少:
.wizard > .actions > ul > li.disabled {
display: none;
}
关于javascript - 删除第一步jQuery步骤上的上一个按钮,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/29190567/