jQuery的自举模式的不工作

我尽力去完成，当是这个样子我的网页数模态的一个函数被调用：jQuery的自举模式的不工作

$('.modal') 
.on('shown.bs.modal', 
function (e) { 
    var id = $(this).attr('id'); 
});

但功能没有被调用。

它的工作是这样的：

$(window) 
.on('shown.bs.modal', 
function (e) { 
    var id = $(this).attr('id'); 
});

但有了这个办法，我不能得到的元素的ID。

我该如何做到这一点，我定义了一个函数，当几个模态中的一个被显示，模态的右元素被转换为参数，所以我可以确定模态元素的ID？

更新：我想我找到了我的问题的原因。我尝试在我的angularjs控制器中运行这个jQuery代码。

UPDATE2：我想按照我的角度控制器代码运行，但它永远不会被调用：

$document.ready(function() { 
      jQuery('.modal') 
      .on('shown.bs.modal', 
       function (e) { 
        var id = $(this).attr('id'); 
        NgMap.getMap("map-" + id) 
         .then(function (map) { 
          google.maps.event.trigger(map, 'resize'); 
         }); 
       }); 
     });

来源

2016-12-27 Palmi

你可以给这个问题一个工作plunker？当我试图产生的问题，我不能。另外，你可以显示你的HTML代码吗？ –

我用ng-repeat在我的html代码中创建模态。我将举例 – Palmi

您提供的代码应该可以工作，如果您还没有找到解决方案，请提供更多信息 – Mese

我认为你应该使用模式，而不是类

$('#modal-ID') .on('shown.bs.modal', function (e) { var id = $(this).attr('id'); });

来源

2016-12-27 02:44:08

用户正在尝试使用此功能查找模式的“id”。如果他/她已经知道'id'为什么他/她会使用这个'function'？ –

室温下将标识是指定一个不同的类别，然后在其上触发事件

HTML

<button type="button" data-toggle="modal" data-target="#imageUpload2">Launch modal</button> 
<button type="button" data-toggle="modal" data-target="#imageUpload1">Launch modal</button> 
<div class="sample modal fade" id="imageUpload2" tabindex="-1"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      Upload form here 
     </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div> 
<div class="sample modal fade" id="imageUpload1" tabindex="-1"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      Upload form here 
     </div><!-- /.modal-content --> 
    </div><!-- /.modal-dialog --> 
</div>

jQuery的

$(function(){ 

    $('.sample').on('show.bs.modal', function() { 
     alert($(this).attr('id')); 
    }); 
});

Jsfiddle

来源

2016-12-27 03:56:19

jQuery的自举模式的不工作

回答

相关问题