BootstrapDialog, как отобразить div «display: none» в диалоговом окне

#javascript #jquery #html #twitter-bootstrap #bootstrap-dialog

#javascript #jquery #HTML #twitter-bootstrap #bootstrap-dialog

Вопрос:

У меня есть html-страница с bootstrap amp; BootstrapDialog.

На этой странице у меня есть div, подобный этому:

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

Я хочу загрузить это в BootstrapDialog.

Я попытался использовать

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

но это не работает, потому что это «display: none».

Ответ №1:

Не могли бы вы просто показать его после загрузки.

Поскольку это элемент, которого нет в DOM, но недавно созданный, вам, вероятно, придется создать ссылку на этот элемент и найти вставленный элемент внутри и т.д.

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

BootstrapDialog.show({
    message: element
});