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');
});
});
});
答
我认为你应该使用模式,而不是类
$('#modal-ID') .on('shown.bs.modal', function (e) { var id = $(this).attr('id'); });
+0
用户正在尝试使用此功能查找模式的“id”。如果他/她已经知道'id'为什么他/她会使用这个'function'? –
答
室温下将标识是指定一个不同的类别,然后在其上触发事件
like
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'));
});
});
你可以给这个问题一个工作plunker?当我试图产生的问题,我不能。另外,你可以显示你的HTML代码吗? –
我用ng-repeat在我的html代码中创建模态。我将举例 – Palmi
您提供的代码应该可以工作,如果您还没有找到解决方案,请提供更多信息 – Mese