Question

我有一个foreach loope，我创建了x个按钮：

 <a data-toggle="modal" data-target="#unlockModal" id="openUnlockModal" data-uid="@user.Uid" class="btn btn-default btn-sm">test</a>

正如你所看到的，对于所有这些按钮，id是相同的，当然如果我点击其中一个按钮，那么只有这些按钮列表中的第一个按钮才会打开模态。

 $("#openUnlockModal").on("click", function (event) {
        var uid = $(this).data("uid");
        console.log(uid)
     //open my fancyModal here
    });

我面临的问题是我想向模态发送一个id，该模式存储在实际打开它的按钮上。

那么如何将这个id从按钮发送到模态？以及如何让所有按钮工作？

Answer 1

id必须只有一个页面，您可以将事件添加到class，就像这样

$(".btn").on("click", function (event) {
    var uid = $(this).data("uid");
    // $(this) will be refer to button which was clicked 
    console.log(uid)
});

如何打开具有相同ID的多个按钮的相同模态？

1 个答案: