Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在modal中更改数据_Javascript_Html_Css - Fatal编程技术网

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