Question

我是javascript的新手，我正在尝试破坏以下内容，以便我能理解它。我似乎无法在网上找到答案。有人能帮忙吗？

$("#modal-add-person").on('show.bs.modal', function (e) {
            var personId = $(e.relatedTarget).attr('data-id');
            $('#modal-add-person-hidden').val(personId);
            $('#modal-add-person-id-text').html(personId);
        });

由于

Answer 1

在您的代码中，$("#modal-add-person")上有eventHandler。

这意味着您在全局代码中的某个位置触发

上的'show.bs.modal'事件

$("#modal-add-person")喜欢这个

$("#modal-add-person").trigger('show.bs.modal')

作为on函数的第二个参数的函数是接收eventObject的eventHandler函数。

function (e) {
            var personId = $(e.relatedTarget).attr('data-id');
            $('#modal-add-person-hidden').val(personId);
            $('#modal-add-person-id-text').html(personId);
        }

它使用事件对象的relatedTarget属性并从中提取data-id属性。

            var personId = $(e.relatedTarget).attr('data-id');

在$('#modal-add-person-hidden')中设置该值后 - 我猜它是隐藏的输入。

            $('#modal-add-person-id-text').html(personId);

最后一件事是在$('#modal-add-person-id-text')元素中绘制值。

            $('#modal-add-person-id-text').html(personId);

您还应该查看元素，选择器等的jQuery参考。

Answer 2

$("#modal-add-person").on('show.bs.modal', function (e) {

'show.bs.modal'将是html中的一个事件，因为点击是。所以上面的语句意味着在'show.bs.modal'上有一个id为modal-add-person的元素（“anythig附加了一个＃表示它是一个html元素的id。”）执行函数中的步骤（e ）其中e似乎是另一个html元素。

var personId = $(e.relatedTarget).attr('data-id');

从e中传递的元素中获取属性'data-id'（例如，如果它是attr（'id'），它将返回传递给personid的元素的id）

$('#modal-add-person-hidden').val(personId);

用personId中的值设置id为“modal-add-person-hidden”的html元素

$('#modal-add-person-id-text').html(personId);

使用personId设置内部html的元素（其中id = modal-add-person-id-text） }）;

注意：'＃'代表html元素的ID'。'代表着阶级元素或您可以按原样给出标记，例如“输入”表示具有输入标记的所有元素

希望这会有所帮助。如果这有用，请告诉我。

解构javascript脚本

2 个答案: