jquery - 不可知的模式 - 需要推荐 - Bootstrap / Jquery

Question

我正在尝试使这个模态不可知（假设我有 30 个模态窗口）

HTML：

<div class="aaa"> Modal One</div>

<div class="my-modal modal-class">

    <div class="modal-body">
        aaa 1
    </div>

</div>


<div class="aaa"> Modal Two</div>

<div class="my-modal modal-class">

    <div class="modal-body">
        aaa 2
    </div>

</div>

jQuery：

 $(".aaa").click(function (e) {
   var thisDiv = $(this).closest("#my-modal").first();

   modalLaunch(thisDiv); / doesn't work - I'm trying to grab next hidden modal after the link is clicked.

   // modalLaunch("my-modal") - works just fine;
});

代码根据注释编辑

Answer 1

尝试这个：

var thisDiv = $(this).next(".modal-class").attr('id');

共享相同元素的元素id不是有效的 HTML。modalid应该是唯一的，然后这将起作用。

Answer 2

它有效，但只是第一次。它会打开所有链接，尽管它只会打开一次。第二次单击它时，它将无法工作，直到您重新启动浏览器。

$('.launch-modal').click(function () {
        var thisDiv = $(this).next(".contact-modale");
        console.log("object " + thisDiv);
        modalLaunch(480, 180, thisDiv);
    });