gpt4 book ai didi

javascript - 单击动态创建的 DOM

转载 作者:行者123 更新时间:2023-11-30 17:04:47 24 4
gpt4 key购买 nike

我有模态窗口的 HTML Bootstrap 3 代码:

<!-- Modal DELETE-->
<div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title" id="myModalLabel">Brisanje</h4>
</div>
<div class="modal-body">
Da li ste sigurni da zelite da obrisete ovu parcelu iz baze?
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" id="brisi" class="btn btn-danger">Save changes</button>
</div>
</div>
</div>
</div>

我尝试使用动态创建的代码打开此模式:

"targets": 8,
"data": "akcija",
"render": function(data, type, full, meta) {
// return data;
return '<div style="float:right;"><button class="btn btn-warning">Izmeni</button> <button data-toggle="modal" data-target="#delete" class="btn btn-info">Izvestaj o parceli</button> <i data-toggle="modal" data-target="#delete" class="fa fa-times"></i></div>';
}

所以你可以看到我添加了这个:<i data-toggle="modal" data-target="#delete" class="fa fa-times"></i>到 DOM ,但是当我点击时我无法打开模态...

这里的问题是什么?

最佳答案

看起来您正在尝试将 html 写入 DOM,但您的问题不清楚。

使用 JQuery,您可以将 div 上的内容写入另一个已经在 DOM 中的容器,如下所示:

<div id="container"></div>

您可以使用 jquery 将内容写入容器:

$("#container").html('<div style="float:right;"><button class="btn btn-warning">Izmeni</button> <button data-toggle="modal" data-target="#delete" class="btn btn-info">Izvestaj o parceli</button> <i data-toggle="modal" data-target="#delete" class="fa fa-times"></i></div>');

关于javascript - 单击动态创建的 DOM,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28220571/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com