Data-target modal не работает в html

Question

Когда я нажимаю на параметр входа, моя модель всплывающего окна входа не отображается, где проблема в этом коде.

 <li> <a href="#" class=" pull-right" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-log-in"></span>LogIn</a></li> 

Данные целевого кода здесь, после нажатия на кнопку входа в систему tnis для всплывающих окон, но поп-модель не подходит.

 <!-- Modal content--> 
     <div class="modal-dialog"> 
      <div class="modal-content col-md-8"> 
       <div class="modal-header"> 
        <h4 class="modal-title"><i class="icon-paragraph-justify2"></i> User Login</h4> 
       </div> 
       <form method="post" id="login_form" action="<?= site_url('api/login') ?>" > 
        <!--?php echo form_open('welcome/checkLogin'); ?--> 
        <div class="modal-body with-padding"> 
         <div class="form-group"> 
          <div class="row"> 
           <div class="col-sm-10"> 
            <label>Username *</label> 
            <!--input type="text" name="email"/--> 

            <input type="text" id="username" name="email" class="form-control required"> 
           </div> 
          </div> 
         </div> 
         <div class="form-group"> 
          <div class="row"> 
           <div class="col-sm-10"> 
            <label>Password *</label> 
            <!--input type="password" name="pass"/--> 
            <input type="password" id="password" name="pass" class="form-control required" value=""> 
           </div> 
          </div> 
         </div> 
        </div> 
        <div class="error" id="logerror"></div> 
        <!-- end Add popup --> 
        <div class="modal-footer"> 
         <input type="hidden" name="id" value="" id="id"> 
         <!--input type="submit" value="Login" name="submit"/--> 
         <button type="submit" id="btn-login" value="Login" name="submit" class="btn btn-primary pull-right btn-xs">Login</button>    
        </div> 
       </form> 
      </div> 
     </div> 

    </div> 
    </div> 
</div> 

Answer 1

У меня был тот же вопрос, от ул со многими ли, я нашел хороший ответ на кого-то в ЯШ:

if ($(e.target).is('[data-toggle=modal]')) { 
     $($(e.target).data('target')).modal() 
} 

от ссылки: bootstrap modal not working in dropdown menu

Answer 2

You должен присвоить идентификатор «myModal» модальному контенту.

<div id="myModal" class="modal-dialog"> 

Это позволяет вашему JavaScript для целевой div.