Как передать данные в два загрузочных модальных?

Question

Привет, я выполняю грубые операции на столе. Поэтому я должен выполнить две операции, такие как сброс пароля и удаление записи. Я добавил загрузочный мод, чтобы подтвердить действие. Я могу передать значение и использовать первый модальный, но когда я нажимаю второй модальный, он не запускается.

Мой код выглядит следующим образом: -

<td> 
    <a href='#' data-href='modules/reset.php?id={$row['id']}' data-toggle='modal' data-target='#resetpassword' data-popup='tooltip' title='Reset Password'><i class='icon-lock2'></i></a> 

    <a href='#' data-href='modules/delete.php?id={$row['id']}' data-toggle='modal' data-target='#modal_delete' data-popup='tooltip' title='Delete'><i class='icon-trash'></i></a></li> 
</td> 

модальности: -

Удалить пароль модальность:

<div id="modal_delete" class="modal fade" style="font-weight: normal;"> 
    <div class="modal-dialog modal-sm"> 
     <div class="modal-content"> 
      <div class="modal-header"></div> 
      <div class="modal-body"> 
       <div class="row"> 
        <div class="col-md-12 text-center"> 
         <i class="fa fa-warning fa-5x"></i> 
        </div> 
        <div> 

         <div class="row"> 
          <div class="col-md-12 text-center"> 
           <br/><h5>Are you sure you want to delete?</h5><br/> 
          </div> 
          <div> 

           <div class="modal-footer text-center"> 
            <button type="button" class="btn btn-default btn-lg" data-dismiss="modal">Cancel</button>&nbsp;&nbsp;&nbsp; 
            <a class="btn btn-danger btn-lg btn-ok">Yes, delete it!</a> 
           </div> 
          </div> 
         </div> 
        </div> 

Сброс пароля модальность:

<div id="resetpassword" class="modal fade" style="font-weight: normal;"> 
    <div class="modal-dialog modal-sm"> 
     <div class="modal-content"> 
      <div class="modal-header"></div> 
      <div class="modal-body"> 
       <div class="row"> 
        <div class="col-md-12 text-center"> 
         <i class="fa fa-warning fa-5x"></i> 
        </div> 
        <div> 

         <div class="row"> 
          <div class="col-md-12 text-center"> 
           <br/><h5>Are you sure you want to reset password?</h5><br/> 
          </div> 
          <div> 

           <div class="modal-footer text-center"> 
            <button type="button" class="btn btn-default btn-lg" data-dismiss="modal">Cancel</button>&nbsp;&nbsp;&nbsp; 
            <a class="btn btn-danger btn-lg btn-oks">Yes, reset it!</a> 
           </div> 
          </div> 
         </div> 
        </div> 

Javascript: -

<script> 
    $('#modal_delete').on('show.bs.modal', function(e) { 
     $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href')); 
    }); 
</script> 

<script> 
    $('#resetpassword').on('show.bs.modal', function(e) { 
     $(this).find('.btn-oks').attr('href', $(e.relatedTarget).data('href')); 
    }); 
</script> 

С помощью этого метода не удаляется только мода на удаление, но мода сброса не запускается. Модаль, функция javascript которого работает до этого. Как заставить обоих работать. Любая помощь будет высоко оценен.

Answer 1

Может быть, вы должны заключить скрипт внутри JQuery на готовом

$(document).ready(function() { 
//your javascript code 
}); 

Answer 2

Некоторые из ваших <div> с должны быть </div>. Если вы посмотрите внимательно, вы увидите, что мода пароля сброса фактически находится в коде кода удаления пароля.

EDIT: Немного от темы, и я понимаю, если вы предпочтете опрокинуться самостоятельно, но попробовали ли вы SweetAlert? У них есть несколько красивейших предупреждающих ящиков, и это довольно легко использовать.