simplemodal - SimpleModal (jQuery) 在被 Javascript 调用时会丢失 CSS 格式

Question

我需要从 Javascript 调用 SimpleModal 对话框...

如果我使用...

<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; ... }

score 0 · Accepted Answer

尝试

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

或者只是添加你的 CSS

#confirm{[style];}

这样您就可以通过 ID 设置元素的样式，而不是依赖于应用到它的类。或者，简单地说，在 HTML 中应用该类。

1 回答 1