标签: twitter-bootstrap-wizard

Bootstrap 3表单向导

嗨我有问题与我用于bootstrap 3.0.3的表单向导

它实际上工作但下一个和前一个按钮不是,但当我点击导航它正在工作.

我不知道我下载这个插件的版本是否兼容

https://github.com/VinceG/twitter-bootstrap-wizard

但它在文档中说它与3.0.3兼容

任何适用于bootstrap 3.0.3表单向导的建议?

谢谢.您的意见非常感谢:)

这是截图

这是我的HTML代码

<div class="row">
        <div id="rootwizard">
            <ul>
                <li><a href="#tab1" data-toggle="tab"><span class="label">1</span> First</a></li>
                <li><a href="#tab2" data-toggle="tab"><span class="label">2</span> Second</a></li>
                <li><a href="#tab3" data-toggle="tab"><span class="label">3</span> Third</a></li>
                <li><a href="#tab4" data-toggle="tab"><span class="label">4</span> Forth</a></li>
                <li><a href="#tab5" data-toggle="tab"><span class="label">5</span> Fifth</a></li>
                <li><a href="#tab6" data-toggle="tab"><span class="label">6</span> Sixth</a></li>
                <li><a href="#tab7" data-toggle="tab"><span class="label">7</span> Seventh</a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane" id="tab1">
                  1
                </div>
                <div class="tab-pane" id="tab2">
                  2
                </div>
                <div class="tab-pane" id="tab3">
                    3
                </div>
                <div class="tab-pane" id="tab4">
                    4
                </div>
                <div class="tab-pane" id="tab5">
                    5
                </div>
                <div class="tab-pane" …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery twitter-bootstrap twitter-bootstrap-wizard

10
推荐指数
1
解决办法
2万
查看次数

Twitter 引导向导在 onnext 期间跳过步骤

这是 twitter bootstrap 的一个具体问题http://vadimg.com/twitter-bootstrap-wizard/

我正在尝试确定在处理 onNext 事件时是否有人能够跳过步骤。我想根据之前步骤中选择的输入跳过步骤。我已经看到你可以这样做:

$('#rootwizard .finish').click(function() {
    alert('Finished!, Starting over!');
    $('#rootwizard').find("a[href*='tab1']").trigger('click');
});
Run Code Online (Sandbox Code Playgroud)

我无法使用它,因为我禁用了选项卡,不幸的是,如果我在 onNext 事件期间使用它,如果我启用了选项卡,因为它继续执行来自 onNext 事件调用者的代码,这将无济于事。

谢谢丹

twitter-bootstrap twitter-bootstrap-wizard

5
推荐指数
1
解决办法
3758
查看次数