未定義引導模式的Javascript函數

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> 

有了這個代碼，模態形式顯示出來，但我不能做更新，因爲沒有涉及到的網址。所以，當我添加模式動作（只是刪除評論標籤）我得到錯誤，我的編輯功能沒有定義。現在我只在這個問題上寫我的JS代碼，因爲我沒有看到其他相關的代碼，但讓我知道如果你需要更新。

問候。

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'); 
     }; 

見下面的演示：

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>