Modal Ajax nya tidak muncul

Bagaimana solusinya ? saya sebenarnya masih newbie sekali, sebelumnya bisa edit, cuma ndak pake modal. pas tau kalo modal edit itu script ajaxnya. disini saya merasa kebingungan.

baru saya diajari teman saya, modalnya dih dibilang bisa, tapi cuma fadenya aja (kalu saya anggap), tapi modalnya tidak muncul.

ini yang buat pilih editnya

 <a href='#' class='open_modal' data-toggle='modal' data-target='#edit' id=".$r['id_ortu'].">
              <span class='glyphicon glyphicon-edit'></span></a>

skrip ajaxnya

<div id="edit" class="modal fade"></div>
<script type="text/javascript">
  //$(document).ready(function(){
    //$('#edit').modal('show');
  //}
  $(document).ready(function () {
   $(".open_modal").click(function(e) {
      var m = $(this).attr("id");
     $.ajax({
          url: "page/ortu/ortu_modal.php",
          type: "GET",
          data : {id_ortu: m,},
          success: function (ajaxData){
            $("#edit").html(ajaxData);
            $("#edit").modal('show',{backdrop: 'true'});
           }
         });
        });
      });
</script>

ini di file modal phpnya

 <?php
include "../../../koneksi/koneksi.php";
 $modal_id=$_GET['id_ortu'];
 $modal=mysqli_query($konek,"SELECT * FROM orang_tua WHERE id_ortu='$modal_id'");
 $r=mysqli_fetch_array($modal);
?>

<div class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h4 class="modal-title">Edit Input</h4>
      </div>
      <div class="modal-body">
      <form method="POST" action="page/ortu_edit.php">
      	  <div class="form-group">
            <label class="col-md-8">Nama:</label>
              <input type="text" class="form-control" value=<?php echo $r['id_ortu']?> disabled>
              <input type="hidden" class="form-control" name="id" value=<?php echo $r['id_ortu']?>>
          </div>
          <div class="form-group">
            <label class="col-md-8">Nama:</label>
              <select name="nm" class="col-md-4">
              <option value="Olga Nento">Ibu</option>
              <option value="Bambang Agus">Bapak</option>
            </select>
          </div>
          <div class="form-group">
            <label class="col-md-8">No Telp:</label>
              <select name="no" class="col-md-4">
              <option value="082155525466">Ibu</option>
              <option value="082227850650">Bapak</option>
            </select>
          </div>
        <div class="form-group">
          <label class="col-md-8">Jenis Orang Tua</label>
            <select name="jenis" class="col-md-4">
              <option value="Ibu">Ibu</option>
              <option value="Bapak">Bapak</option>
            </select>
        </div>
        <div class="form-group">
          <label class="col-md-8">Pamit Atas</label>
            <select name="pamit" class="col-md-4">
              <option value="Keluar Kota">Keluar Kota</option>
              <option value="Kerumah Teman">Kerumah Teman</option>
              <option value="Keluar Sebentar">Keluar Sebentar</option>
            </select>
        </div>
        <div class="form-group">
          <div class="col-md-8">
            <button type="submit" class="btn btn-default">Input</button>
          </div>
        </div>
      </form>
      </div>
      <div class="modal-footer">
      </div>
    </div>
  </div>
</div>
</html>

ini directorynya

<!-- sorry izin asal tag-->

avatar AlanJustt
@AlanJustt

2 Kontribusi 0 Poin

Diperbarui 7 tahun yang lalu

1 Jawaban:

Coba yang ini diganti gan... $(".open_modal").click(function(e) {

 $(document).on('click','.open_modal',function() {
avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban