Простая модальная на скрытом div

Question

Я хочу иметь скрытый div на странице с элементами диалога SimpleModal, но когда я устанавливаю видимость CSS скрытым и запускаю модальный, он пуст.

Как я могу использовать DIV таким образом, не делая его видимым на странице?

Answer 1

Вместо visibility: hidden; то, что вы хотите, это display: none;. Большинство плагинов jQuery работают с display вместо visibility (еще больше функций ядра jQuery, связанных с отображением/скрытием).

SimpleModal (и любой другой JQuery модальный я знаю, у) будет возмещена display: none, когда они показывают модальным ... они на самом деле ожидали этого :)

Answer 2

Не видя именно то, что вы пытаетесь сделать, я могу только угадайте, что может быть.

По умолчанию SimpleModal будет «отображать» элемент, который вы отправляете для отображения. Если у вас есть контент внутри этого элемента, вам придется вручную «показать» его.

Нечто подобное было бы решить вопрос:

$(element).modal({ 
    onShow: function (d) { 
     $(hiddenElement).show(); 
    } 
});