Bootstrap 3-打开模型并获取id或数据atribute(两种方式都可以)

Question

我有两个div，打开了相同的模式窗口：

<div id="regulatorias" data-toggle="modal" data-target="#myModalReguOpor" data-alert="regulatorias">
       Content...
</div>
<div id="oportunidades" data-toggle="modal" data-target="#myModalReguOpor" data-alert="oportunidades">
       Content...
</div>

当调用打开模态的事件时，我想获得我正在单击的div的id atribute或数据警报的值。

$("#myModalReguOpor").on('shown.bs.modal', function () {
  // here I want to get the id or data-alert value, about the div that i'm clicking
});

怎么能成功？

谢谢，

Answer 1

你可以这样做

$(document).ready(function(){
    $('#myModalReguOpor').on('shown.bs.modal', function (e) {
        var id = $(e.relatedTarget).attr('id');
        alert(id);
     });
});

我建议用data-attribute代替id，就像模式触发按钮中的data-id="regulatorias"一样

<div data-id="regulatorias" data-toggle="modal" data-target="#myModalReguOpor" data-alert="regulatorias">
       Content...
</div>

和JS

$(document).ready(function(){
    $('#myModalReguOpor').on('shown.bs.modal', function (e) {
        var id = $(e.relatedTarget).data('id');
        alert(id);
     });
});