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')
    });

但是它不起作用，因為它是“ display：none”。

Answer 1

一旦加載，就不能顯示它。

鑒於它是不在DOM中而是新創建的元素，因此您可能必須創建對該元素的引用，並在其中找到插入的元素。

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

BootstrapDialog.show({
    message: element
});