Giter VIP home page Giter VIP logo

Comments (3)

VinceG avatar VinceG commented on May 16, 2024

You'r saying that bootstrap tabs within a wizard step breaks if onTabClick returns false?

from twitter-bootstrap-wizard.

yexingzhe avatar yexingzhe commented on May 16, 2024

pic20130117160923
yes, if onTabClick returns false,i can't change to "two_in_one" tab on click

from twitter-bootstrap-wizard.

VinceG avatar VinceG commented on May 16, 2024

Cannot reproduce.

Please provide a test case. The following code was used to test this:

<!DOCTYPE html>
<html>
  <head>
    <title>Basic Example</title>
    <!-- Bootstrap -->
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="../prettify.css" rel="stylesheet">
  </head>
  <body>
    <div class='container'>

        <div class="span12">
            <section id="wizard">
              <div class="page-header">
                <h1>Basic Wizard</h1>
              </div>

                <div id="rootwizard3">
                    <ul>
                        <li><a href="#tab111" data-toggle="tab">First</a></li>
                        <li><a href="#tab222" data-toggle="tab">Second</a></li>
                        <li><a href="#tab333" data-toggle="tab">Third</a></li>
                        <li><a href="#tab444" data-toggle="tab">Forth</a></li>
                        <li><a href="#tab555" data-toggle="tab">Fifth</a></li>
                        <li><a href="#tab666" data-toggle="tab">Sixth</a></li>
                        <li><a href="#tab777" data-toggle="tab">Seventh</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane" id="tab111">
                          <ul class="nav nav-tabs" id="myTab">
                              <li class="active"><a href="#home">Home</a></li>
                              <li><a href="#profile">Profile</a></li>
                              <li><a href="#messages">Messages</a></li>
                              <li><a href="#settings">Settings</a></li>
                            </ul>

                            <div class="tab-content">
                              <div class="tab-pane active" id="home">...</div>
                              <div class="tab-pane" id="profile">...1</div>
                              <div class="tab-pane" id="messages">...2</div>
                              <div class="tab-pane" id="settings">...3</div>
                            </div>
                        </div>
                        <div class="tab-pane" id="tab222">
                          2
                        </div>
                        <div class="tab-pane" id="tab333">
                            3
                        </div>
                        <div class="tab-pane" id="tab444">
                            4
                        </div>
                        <div class="tab-pane" id="tab555">
                            5
                        </div>
                        <div class="tab-pane" id="tab666">
                            6
                        </div>
                        <div class="tab-pane" id="tab777">
                            7
                        </div>
                        <ul class="pager wizard">
                            <li class="previous first" style="display:none;"><a href="#">First</a></li>
                            <li class="previous"><a href="#">Previous</a></li>
                            <li class="next last" style="display:none;"><a href="#">Last</a></li>
                            <li class="next"><a href="#">Next</a></li>
                        </ul>
                    </div>  
                </div>


            </section>
        </div>
    </div>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
    <script src="../jquery.bootstrap.wizard.js"></script>
    <script src="../prettify.js"></script>
    <script>
    $(document).ready(function() {
        $('#rootwizard3').bootstrapWizard({onTabClick: function($activeTab, $navigation, $currentIndex) {
            return false;
        }});    
        $('#myTab a').click(function (e) {
  e.preventDefault();
  $(this).tab('show');
})
        window.prettyPrint && prettyPrint()
    }); 
    </script>
  </body>
</html>

from twitter-bootstrap-wizard.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.