我想尽可能用最少的jQuery代码来制作一个模态对话框,因为我的项目已经加载了太多的jQuery。
所以,我首先需要一个叠加层,可以通过以下方式实现:
$('body').wrapInner('<div />')
.css('opacity','0.5')
.css('z-index','2')
.attr('id','dim1');
暂时不用考虑我有另一个例程来在此模态框存在时禁用 #dim1 上的单击事件。现在,我需要将我的模态对话框绘制在顶部:
$('body').append('<div id="test">My Test</div>');
$('#test')
.css('opacity','1.0')
.css('position','fixed')
.css('color','#000')
.css('z-index','2000')
.css('height','300px')
.css('width','300px')
.css('top','50%')
.css('left','50%');
然而,当我这样做时,#test变暗了,但我不想让它变暗——只想让它后面的东西变暗。有什么诀窍吗?