Question

我有一个调用填充我的表的php函数的ajax。但每当我点击表格中的Edit按钮时，模态都不会显示出来。我试过通常在测试按钮上调用模态，其代码与我的php echo'ed按钮相同，并且它正常工作。我还尝试将href替换为onclick，但仍无效。

测试按钮有效（与php echo'ed按钮相同的代码）：

<button id="" class="modal-trigger waves-effect waves-light btn orange lighten-1" href="#modal1">Edit</button>

模态：

<div id="modal1" class="modal">
    <div class="modal-content">
        <h4>Modal Header</h4>
        <p>A bunch of text</p>
    </div>
    <div class="modal-footer">
        <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Agree</a>
    </div>
</div>

PHP：

while ($row = $stmt->fetch()){
    echo '<tr>';
    echo    '<td>'.$row['taskDate'].'</td>';
    echo    '<td>'.$row['taskName'].'</td>';
    echo    '<td>'.$row['taskType'].'</td>';
    echo    '<td>'.$row['duration'].'</td>';
    echo    '<td>'.$row['startTime'].'</td>';
    echo    '<td>'.$row['endTime'].'</td>';
    echo    '<td> <button id="'.$row['taskId'].'" class="modal-trigger waves-effect waves-light btn orange lighten-1" href="#modal1">Edit</button> </td>';
    echo    '<td> <button id="'.$row['taskId'].'" class="waves-effect waves-light btn red lighten-1">Delete</button> </td>';
    echo '</tr>';
}

我不知道我在这里缺少什么。我认为这是我的PHP代码，因为测试按钮工作。

感谢任何可以帮助我的人！

Answer 1

我刚解决了自己的问题。

我使用了物化js的0.98.0版本（0.97.0）。然后使用data-target代替href，它神奇地工作了！

旧代码：

'<td> <button id="'.$row['taskId'].'" class="modal-trigger waves-effect waves-light btn orange lighten-1" href="#modal1">Edit</button> </td>';

新守则：

'<td> <button id="'.$row['taskId'].'" class="waves-effect waves-light btn orange lighten-1" data-target="editModal">Edit</button> </td>';

php echo按钮不会调用modal（materialize）

1 个答案: