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。模态id应该是唯一的，然后这将有效。

Answer 2

它有效，但只是第一次。它将打开所有链接虽然它只会执行一次。第二次单击它将在重新启动浏览器后无效。

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

不可知模态 - 需要推荐 - Bootstrap / Jquery

2 个答案: