2016-05-26 10 views
3

ではありません私は私が.modal取得モーダルフォームを表示するには、[編集]ボタンをクリックすると、モーダルフォーム

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


<script> 
$(document).ready(function(){ 
    $(".manipulate").click(function(){ 
     $('#id_description').val(); 
     var item_keys = ['#id_counter', '#id_first_name','#id_middle_name', '#id_last_name', '#id_display_name', '#id_field', '#id_loa_price', '#id_basic_cert_price', '#id_written_appraisal_cost'] 
     for(var i=1; i<12; i++){ 
      var item_val = $(this).parent().parent().find('td:nth-child('+i+')')[0].innerText; 
      console.log("InnerText is :"+ item_val); 
      $(item_keys[i-1]).val(item_val); 
     } 
     $('#id_item').val($(this).attr('item_id')); 
     $('#edititemModal').modal("show"); 
    }); 
}); 
</script> 

を表示するためにjqueryのスクリプトを持っています。関数ではありません。

+3

マークアップを追加すると、非常に便利です。 – RRK

+0

ここでうまく動作します:http://jsfiddle.net/jn81w7ym/1/、ブートストラップが正しく含まれていることを確認してください。 –

+0

[Bootstrap modal:関数ではありません]の重複している可能性があります(https://stackoverflow.com/questions/25757968/bootstrap-modal-is-not-a-function) – Anph

答えて

-1

を私はindex.js.We内のライブラリを追加した後、それを解決し、あなたがこのliabraryが必要だと思う、bootstrap.js index.jsの中に追加してください。あなたのコードの動作がうまくいくことを願っています。

関連する問題