Javascript 在modal中更改数据
一串文字 您好,我的上层代码有问题。我需要从该模式中所有工作人员的列表中获取实际单击的工作人员。但我总是和名单上的第一个工人一样。如何更改它以获得不同的工人取决于我将单击谁?Javascript 在modal中更改数据,javascript,html,css,Javascript,Html,Css,一串文字 您好,我的上层代码有问题。我需要从该模式中所有工作人员的列表中获取实际单击的工作人员。但我总是和名单上的第一个工人一样。如何更改它以获得不同的工人取决于我将单击谁? 谢谢你的帮助 必须将数据传递给modal,例如使用数据属性: <a href="#editModal" class="btn tooltipped modal-trigger" data-position="top" data-delay="50" data-tooltip="Edit" th:attr="data
谢谢你的帮助 必须将数据传递给modal,例如使用数据属性:
<a href="#editModal" class="btn tooltipped modal-trigger" data-position="top" data-delay="50" data-tooltip="Edit" th:attr="data-email=${worker.email}"><i class="material-icons">mode_edit</i></a>
然后在javascript中:
$('#editModal').modal({
ready: function(modal, trigger) {
var button = $(trigger);
var email = button.data('email');
$('#modal-email').html(email);
}
});
必须将数据传递给modal,例如使用数据属性:
<a href="#editModal" class="btn tooltipped modal-trigger" data-position="top" data-delay="50" data-tooltip="Edit" th:attr="data-email=${worker.email}"><i class="material-icons">mode_edit</i></a>
然后在javascript中:
$('#editModal').modal({
ready: function(modal, trigger) {
var button = $(trigger);
var email = button.data('email');
$('#modal-email').html(email);
}
});
这不是引导模式,而是物化ECSS模式。在你的情况下,它无法打开。我更改了代码,它一定是这样的。好的,但是这个->数据电子邮件=“${worker.email}”无法工作,因为我得到了一个文本{worker.email},必须在百里香中分配它。是的,似乎你必须使用
th:attr=“data email={worker.email}
。代码中已更正。好的,我已经这样做了->th:attr=“data email=${investor.email}”这不是引导模式,而是物化ECSS模式。在你的情况下,它无法打开。我更改了代码,它一定是这样的。好的,但是这个->数据电子邮件=“${worker.email}”无法工作,因为我得到了一个文本{worker.email},必须在百里香中分配它。是的,似乎你必须使用th:attr=“data email={worker.email}
。代码已更正。好的,我已经这样做了->th:attr=“数据电子邮件=${investor.email}”