如何在while循环中将唯一数据传递给引导模式答案

【问题标题】：How to pass unique data to bootstrap modal in while loop如何在while循环中将唯一数据传递给引导模式
【发布时间】：2018-01-08 00:27:19
【问题描述】：

我正在尝试为打开模式窗口的 php while 循环中的每个打印行创建一个删除按钮。删除查询将从模态执行。

如何将相应行的 id、标题等传递给模态？现在的方式是，无论我按什么删除按钮，我都只能从第一个表行中获取数据。

那里有很多解决方案，但我无法让它们发挥作用。希望有人可以帮助我理解这一点...

【问题讨论】：

我最好的猜测是写一些代码，可能想向我们展示你到目前为止所拥有的以及你所坚持的？
在每一行点击调用一个函数_openModalDelete(idRow)。在这个函数中，您可以打开默认模态，并将任何数据更改为模态以设置 idRow。在模式的按钮单击中，您必须检查此数据以获取 idRow 被单击

【解决方案1】：

PHP 是服务器端，所以它确实需要在 Javascript 中完成。

如果您有兴趣，我创建了一个名为 bs-delete-confirm 的 Javascript 库。您将一个类添加到您的删除按钮，当您单击它时，它会阻止 href 离开页面并显示一个 Bootstrap 模式，询问您是否确定要执行该操作。单击确定会跟随链接，单击取消则不会。简单的！。

<a href="/delete-url" class="delete-class">X</a>

$(document).ready(function(){
  $('.delete_class').deleteConfirm();
});

就是这样！你现在有一个删除确认模式:-)

【讨论】：

【解决方案2】：

我倾向于在我的 html 底部创建一个隐藏模式并将其克隆到一个新变量中，然后更改该新模式的数据，附加并启动它。

这样，当您删除它或需要创建第二个时，您始终可以访问您的模板/蓝图。它还允许您保留对每个模态的单独引用以供以后使用。

例如$modal1.find('.inputEmail') 和$modal2.find('.inputEmail')

如果您有很多输入，您甚至可以在之后进行动态化

【讨论】：