使用Bootstrap 3模态。每当我启动一个模态时,代码会创建一个具有更高$('.modal-scrollable')
的附加z-index
元素,这样当用户滚动时,只有背景滚动(而不是模态)。用户首先必须单击模态才能滚动。
我开发了这个:
$('#modal-content').on('shown.bs.modal', function() {
setTimeout(function() {
$('.modal-scrollable').last().css('z-index', '1000');
}, 100);
});
并且效果很好......但只是第一次出现模态,但随后我随后点击启动模态 - 代码没有启动......为什么会这样?
任何人都可以帮助我,以便模态始终聚焦(用户不需要先点击模态体来聚焦它)??
编辑:我认为问题在于ModalManager。它根据其他元素的z索引创建了z-index ...问题是我无法弄清楚哪个是...我经历了所有这些...