沿莫代尔移动不工作(Move along Modal dont' work)

 我试图沿着我创建的模态div移动，但不工作。 
 
 检查我的脚本jquery： 
 
 <script>
    $("#mytabs").on('click',function() {
        $(this).tab('show');
    });

    </script>
 
 HTML / Botstrap： 
 
 <div id="myModal" class="modal fade" role="dialog">
              <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                  <div class="modal-header">
                <!--    <button type="button" class="close" data-dismiss="modal">&times;</button> !-->
                    <h4 class="modal-title">Authentication</h4>
                  </div>
                  <div class="modal-body">
                    <ul class="nav nav-tabs"  id="myTab">
                                                <span data-toggle="modal" data-target="#mymodal" class="cssbuttongo">Login</span>
                                            <span data-toggle="modal" data-target="#mymodal" class="cssbuttongo">Register</span>
                                            </ul>
                                            <!-- Tab panes -->
                                            <div class="tab-content">
                                                <div class="tab-pane active" id="LoginTab">

......

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

I'm trying to move along the modal divs i have created but don't work.
 
Check my script for jquery:
 
 <script>
    $("#mytabs").on('click',function() {
        $(this).tab('show');
    });

    </script>
 
html/Botstrap:
 
 <div id="myModal" class="modal fade" role="dialog">
              <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                  <div class="modal-header">
                <!--    <button type="button" class="close" data-dismiss="modal">&times;</button> !-->
                    <h4 class="modal-title">Authentication</h4>
                  </div>
                  <div class="modal-body">
                    <ul class="nav nav-tabs"  id="myTab">
                                                <span data-toggle="modal" data-target="#mymodal" class="cssbuttongo">Login</span>
                                            <span data-toggle="modal" data-target="#mymodal" class="cssbuttongo">Register</span>
                                            </ul>
                                            <!-- Tab panes -->
                                            <div class="tab-content">
                                                <div class="tab-pane active" id="LoginTab">

......

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

原文：https://stackoverflow.com/questions/48127204