2012-04-12 2 views
0

мне нужно вызвать SimpleModal диалог с Javascript ...SimpleModal (JQuery) теряет CSS форматирование, когда вызывается Javascript

Я имею в виду загружаемый «Confirm Override» демо на http://www.ericmmartin.com/projects/simplemodal-demos/

Если я использую ...

<input type='button' name='confirm' class='confirm' value='Demo'/> 

... все работает нормально. Но если использовать вместо ...

<script type="text/javascript"> 
    $('#confirm').modal(); 
</script> 

... текст содержание «подтвердить» DIV будет показывать, но без какого-либо CSS форматирования.

Что случилось? Ваша помощь высоко ценится.

----------------------- редакция ----------------------- --------

Отвечая на мой собственный вопрос ... спасибо, Джо, указал мне в правильном направлении ...

Оригинальный CSS содержит определение, как это ...

#confirm {display:none;} 

#confirm-overlay {background-color:#eee; cursor:wait;} 

#confirm-container {height:140px; width:420px; ...} 

Видимо # confirm-overlay и # confirm-container используются только при первом вызове SimpleModal.

Если я ставлю все форматирование в #confirm, кажется, работают хорошо остроумие JavaScript:

#confirm {display:none; background-color:#eee; cursor:wait; height:140px; width:420px; ... } 

ответ

0

Попробуйте

... 
$('#confirm').addClass('confirm').modal(); 
... 

Или просто добавьте в ваш CSS

#confirm{[style];} 

так что вы ставите элемент по ID вместо того, чтобы полагаться на класс, который будет применяться к нему. Или просто применить класс в HTML.