问题描述

找了一个老外写的关于bootstrapWizard的向导插件代码，他这个用法看不懂，一脸懵逼。百度别人写的都能看懂，他这个用法，怎么理解运行原理。求大神解答一下。

问题出现的环境背景及自己尝试过哪些方法

找到范例网站。http://vinceg.github.io/twitt… 没有类似代码。

我百度关键字 ”bootstrapWizard option“，也没有这种用法。

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

<div id="rootwizard" plugin="bootstrapWizard" option="{

nextSelector: '.button-next',

previousSelector: '.button-previous',

firstSelector: '.button-first',

lastSelector: '.button-last',

onTabClick: function(tab, navigation, index) {

return false;

},

onNext: function(tab, navigation, index) {

var instance = $('#form').parsley();

instance.validate();

if(!instance.isValid()) {

return false;

}

}

}">

<ul class="nav nav-pills mb-3">

<li class="nav-item"><a class="nav-link" href="#tab1" toggle="tab">First</a></li>

<li class="nav-item"><a class="nav-link" href="#tab2" toggle="tab">Second</a></li>

<li class="nav-item"><a class="nav-link" href="#tab3" toggle="tab">Third</a></li>

</ul>

<div class="tab-content">

<div class="tab-pane active" id="tab1">

<div class="form-group">

<label>Username</label>

<input type="text" class="form-control" required>

</div>

<div class="form-group">

<label>Email</label>

<input type="email" class="form-control" required>

</div>

<div class="row m-b">

<div class="col-sm-6">

<label>Enter password</label>

<input type="password" class="form-control" required id="pwd">

</div>

<div class="col-sm-6">

<label>Confirm password</label>

<input type="password" class="form-control" parsley-equalto="#pwd" required>

</div>

</div>

<div class="form-group">

<label>Phone</label>

<input type="number" class="form-control" placeholder="XXX XXXX XXX" required>

</div>

<div class="checkbox">

<label class="ui-check">

<input type="checkbox" name="check" checked required="true"><i></i> I agree to the <a href="#" class="text-info">Terms of Service</a>

</label>

</div>

</div>

<div class="tab-pane" id="tab2">

<div class="form-group">

<label>URL</label>

<input type="url" class="form-control">

</div>

</div>

<div class="tab-pane" id="tab3">

<div class="form-group">

<p>Finished</p>

</div>

</div>

<div class="row py-3">

<div class="col-6">

<a href="#" class="btn white button-next">First</a>

<a href="#" class="btn white button-previous">Previous</a>

</div>

<div class="col-6">

<div class="d-flex justify-content-end">

<a href="#" class="btn white button-next">Next</a>

<a href="#" class="btn white button-last">Last</a>

</div>

</div>

</div>

</div>

</div>

</form>

你期待的结果是什么？实际看到的错误信息又是什么？