javascript - BootstrapDialog，如何在对话框中显示“display：none”div

Question

我有一个带有 bootstrap 和 BootstrapDialog 的 html 页面。

在那个页面中，我有一个像这样的 div：

<div id="divtoload" style="display:none">Test</div>

我想将此加载到 BootstrapDialog 中。

我尝试使用

BootstrapDialog.show({
        message: $('<div></div>').load('index.html #divtoload')
    });

但它不起作用，因为它是“显示：无”。

Answer 1

你不能在加载后显示它。

看到它是一个不在 DOM 中但新创建的元素，您可能必须创建对该元素的引用，并在其中找到插入的元素等。

var element = $('<div></div>').load('index.html #divtoload', function() {
    element.find('#divtoload').show();
});

BootstrapDialog.show({
    message: element
});