Функция Javascript не определена для Bootstrap Modal

Question

Я хочу, чтобы модальная форма редактирования отображалась после нажатия определенной кнопки в HTML. Это JavaScript:

<script> 
    var edit; 

    jQuery(document).ready(function($) { 
     // Edit Data (Modal and function edit data) 
     edit = function edit(id, un, nl, em, nh, st) { 
      //$('#myModal').attr('action', '{{ url('user/edit') }}/'+id; 

      $('#footer_action_button').text("Update"); 
      $('#footer_action_button').addClass('yellow btn-outline'); 
      $('.btn').addClass('edit'); 
      $('.modal-title').text('Edit Pengguna'); 
      $('.delete').hide(); 
      $('.form-horizontal').show(); 
      $('#un').val(un); 
      $('#nl').val(nl); 
      $('#em').val(em); 
      $('#pw').attr('placeholder', 'Isi Jika Ingin Diganti'); 
      $('#nh').val(nh); 
      $('#st').val(st); 
      $('#myModal').modal('show'); 
     } 
    }); 
</script> 

С помощью этого кода, модальная форма показывает вверх, но я не могу сделать обновление, потому что нет URL участвует. Итак, когда я добавляю модальное действие (просто удаляю тег комментария), я получил ошибку, что моя функция редактирования не определена. На данный момент я только пишу свой JS-код в этом вопросе beacuse. Я не вижу других связанных с ним кодов, но дайте мне знать, если вам нужно обновление.

С уважением.

Answer 1

вы можете создать анонимную функцию, чтобы получить popup.syntax для комментировал части в коде не так я обновил его и все это commented.Try нравится:

var edit = function(id, un, nl, em, nh, st) { 
      // $('#myModal').attr('action', "{{ url('user/edit') }}/"+id); 

      $('#footer_action_button').text("Update"); 
      $('#footer_action_button').addClass('yellow btn-outline'); 
      $('.btn').addClass('edit'); 
      $('.modal-title').text('Edit Pengguna'); 
      $('.delete').hide(); 
      $('.form-horizontal').show(); 
      $('#un').val(un); 
      $('#nl').val(nl); 
      $('#em').val(em); 
      $('#pw').attr('placeholder', 'Isi Jika Ingin Diganti'); 
      $('#nh').val(nh); 
      $('#st').val(st); 
      $('#myModal').modal('show'); 
     }; 

УВИДЕТЬ DEMO НИЖЕ:

var edit = function(id, un, nl, em, nh, st) { 
 
      $('#myModal').attr('action', "{{ url('user/edit') }}/"+id); 
 

 
      $('#myModal').modal('show'); 
 
     }; 
 

 
edit('id','un','nl','em','nh','st');// this test is only for example you pass your data here

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<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">Modal Header</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
     <p>Some text in the modal.</p> 
 
     </div> 
 
     <div class="modal-footer"> 
 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
     </div> 
 
    </div> 
 

 
    </div> 
 
</div>