Question

我遇到越来越多的问题:(

我尝试获取一个php表，我使用datatable.js来重新加载数据而不刷新页面。

数据加载为jq with load：

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

数据已加载，我可以使用函数data_th1（）刷新它但是当加载数据时我有一个+按钮用于打开模态添加一些coments，呃问题是加载数据后的模态真正的jq不起作用？

数据加载时的HTML代码（index.php）

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

SCRIPT IN INDEX.PHP FOR 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>

AND INDAL.PHP中的MODAL

<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>

ONE AGAIN：我在data.php表中有模态调用一个href，但是当我用jq laod函数调用data.php时，模态不起作用。我需要修复那个模态秀，

Answer 1

我没有使用带有ajax加载的模态，我搜索了很多网站，这个问题没有解决。

Answer 2

也许我为时已晚，但是，以防万一您或其他可能想知道如何解决此问题的人：对此的解释在here

中

我已经使用元素BODY来访问我的元素，就像这样：

$('body').on('click', '.Class',function () {});
$('body').on('click', '#Id',function () {});

这是一些示例，但对我有用。希望对您有帮助。

jquery加载数据中断模式

2 个答案: