调用函数仅适用于同一页面中3个模态的一个引导模态

时间:2014-05-19 08:05:55

标签: javascript jquery twitter-bootstrap modal-dialog

我在一个有3个引导模态的页面中有点卡住了,我想只为一个模态应用一个函数而对另一个模态不应用。

$("body").on("shown.bs.modal", function() {
    alert('modal Open');
    //this alert should happen only on Modal demo 2
    //I cannot add an id or class on modal because this is created dynamically 
    //so pls I do not need this suggestion

})

我的函数看起来像这样:正文上的选择器查找shown.bs.modal事件并应用脚本我的问题是我只想将此脚本应用于特定模态而不是来自此页面和其他页面的所有模态。

Fiddle:

1 个答案:

答案 0 :(得分:1)

你必须:

为每个模态设置不同的ID(您应该只在一个页面中使用一次ID!)

<div class="modal fade" id="myModal1">

<button data-toggle="modal" data-target="#myModal1">

比你只能定位其中一个模态:

$("#myModal1").on("shown.bs.modal", function() {

示例:http://jsfiddle.net/D2RLR/5995/