2017-03-26 7 views
0

を破る:(jqueryの負荷データは、私はより多くの問題を抱えているモーダル

私はそれがリフレッシュページせずにデータを再ロードするために、私はdatatable.jsを使用するPHPのテーブルの魔女を取得してみてください。

データがロード真JQました負荷:

$(document).ready(function() { 
    data_th1(); 
    //data tablice 
    function data_th1(){ 
     setInterval(function() { 
       $('#tablica_home_1').load('ajax/data.php') 
      }); 
    } 
}); 

をし、データロードされていると私は、関数data_th1でそれを更新することができます()が、データがロードされたとき、私はオープンモーダルに1つの+ボタンがいくつかCOMENTSを追加する必要があり、えっ問題であることが確認された負荷データの後にモーダル真のjqは動作しません。

HTML CODE DATAはLOADインデックスに

<script> 
$(document).ready(function() { 
    data_th1(); 
    //data tablice 
    function data_th1(){ 
     setInterval(function() { 
       $('#tablica_home_1').load('ajax/data.php') 
      }); 
    } 
}); 
</script> 

DATA.PHP

<?php 
require_once("../includes/inc_files.php"); 

//tablica poziva 
$sql7 = "SELECT * FROM svi_pozivi WHERE calltype='Outbound' AND status = 'NO ANSWER' OR calltype='Inbound' AND status = 'NO ANSWER' ORDER BY datum DESC"; 
$result7 = $database->query($sql7); 
?> 
<table id="example" class="display responsive-table datatable-example"> 
    <thead> 
     <tr style="text-transform: uppercase;"> 
      <th>ID</th> 
      <th>Pozivatelj</th> 
      <th>Primatelj</th> 
      <th>Datum</th> 
      <th>Status poziva</th> 
      <th>Komentar</th> 
      <th>Obrada</th> 
      <th>Funkcije</th> 
     </tr> 
    </thead> 
    <tbody> 
    <?php while ($row7 = $database->fetch_array($result7)){ ?> 
     <tr> 
      <td><?php echo $row7['id']; ?></td> 
      <td> 
      <?php 
       if ($row7['calltype'] == 'Outbound'){ 
        echo $row7['src']; 
       } 
       else{ 
        echo realbroj_ul($row7['src']); 
        echo ' <a href="index.php?stranica=imenik-add&broj=realbroj_iz($row7["dst"])" alt="Dodaj u imenik"><i class="material-icons" style="margin-top: -4px;position: absolute;color: blue;margin-left: 5px;">add_circle</i>'; 
       } 
      ?></td> 
      <td> 
      <?php 
       if ($row7['calltype'] == 'Outbound'){ 
        echo realbroj_iz($row7['dst']); 
        echo '<a href="index.php?stranica=imenik-add&broj=realbroj_iz($row7["dst"])" alt="Dodaj u imenik"><i class="material-icons" style="margin-top: -4px;position: absolute;color: blue;margin-left: 5px;">add_circle</i>'; 
       } 
       else{ 
        echo $row7['dst']; 
       } 
      ?></td> 
      <td><?php echo realdatum($row7['datum']); ?></td> 
      <td><?php echo realstatus($row7['status']); ?></td> 
      <td> 
      <?php 
       //komentar 
       $sql8 = "SELECT * FROM komentari WHERE call_id = '$row7[id]'"; 
       $result8 = $database->query($sql8); 
       $row8 = $database->fetch_array($result8); 

       if ($row8['id'] != ''){ 
        echo $row8['komentar']; 
       } 
       else{ 
        echo 'Nema komentara'; 
        echo '<a data-toggle="modal" class="modal-trigger" data-id="'.$row7["id"].'" href="#komentarM" alt="Kreiraj Komentar"><i class="material-icons" style="margin-top: -4px;position: absolute;color: blue;margin-left: 5px;">add_circle</i>'; 

       } 
       ?></td> 
      <td><?php echo statuskomentara($row7['k_status']);?></td> 
      <td>7</td> 
     </tr> 
    <?php } ?>   
    </tbody> 
</table> 

モーダルのためのindex.php内の負荷(index.phpを)

<div id="tablica_home_1"></div> 

SCRIPTました。 PHP

<div id="komentarM" class="modal bottom-sheet"> 
    <div class="modal-content"> 
     <h4>KOMENTAR</h4> 
     <p>Dodajte svoj komentar</p> 
    </div> 
    <form id="koment_post"> 
    <input type="hidden" name="id" value=""> 
    <input type="hidden" name="agent" value="<?php echo $ime2; ?>"> 
    <input style="width=80%;" type="text" name="komentar" placeholder="Unesite Vaš komentar..."> 
    <div class="modal-footer"> 
     <button type="submit" class=" modal-action modal-close waves-effect waves-green btn-flat">SPREMI</button> 
    </div> 
    </form> 
</div> 

もう一度:私はhrefをモーダル呼び出しでdata.phpテーブルに持っていますが、jq laod関数でdata.phpを呼び出すとモーダルが機能しませんでした。私は、サイトの多くを探していますし、この問題が解決されなかった、Ajaxの負荷のモーダルを使用していない

答えて

0

、そのモーダルショーを修正する必要があります。

関連する問題