Javascript 引导创建了太多的背景

当应用程序中发生某些事件时，我需要动态加载HTML片段。其中一些HTML可能是模态对话框。它应该很好，但是当显示时，模态会创建太多的背景

下面的示例说明了这个问题（在Google Chrome上测试）

var html=''+
'   ' +
'     ' +
'       ' +
“×；”+
“情态标题”+
'       ' +
'       ' +
“一个好身体&hellip
 "+
'       ' +
'       ' +
“结束”+
“保存更改”+
'       ' +
'     ' +
'   ' +
' ';
var dlg=$（html）.appendTo（'body'）；
setTimeout（函数（）{
模态({
//背景：错，
键盘：错误
});
}, 1000);

Hello
使用$（“.modal”）而不是dlg变量来调用modal


var html=''+
'   ' +
'     ' +
'       ' +
“×；”+
“情态标题”+
'       ' +
'       ' +
“一个好身体&hellip
 "+
'       ' +
'       ' +
“结束”+
“保存更改”+
'       ' +
'     ' +
'   ' +
' ';
$（html）.appendTo（'body'）；
setTimeout（函数（）{
$（“.modal”）.modal({
//背景：错，
键盘：错误
});
}, 1000);

你好
？哇，真奇怪。我不知道这是怎么回事，但你可以尝试用CSS破解绕过它，使用
。模态背景：最后一个孩子{display:none}
是的。问题是，有时它会创建3个甚至更多的背景。真奇怪！：PTry使用$（“.modal”）.modal（{…，而不是dlg.modal（{…@pecci是的，出于某种原因，这是有效的。”_(ツ)_/''现在，您能解释一下原因吗？：）最好的办法是检查appendTo返回变量的内容，使用console.log进行检查，我认为它不是您实际创建的元素。注意：如果DIV有id，那么使用元素id也可以。所以…我想jQuery不会保留追加的元素？