我需要从Javascript中调用SimpleModal对话框...
我指的是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; ...}
显然只有在第一种方法调用SimpleModal时才会使用＃confirm-overlay和#confirm-container。
如果我把所有格式都放到#confirm中似乎可以正常使用JavaScript：
#confirm {display:none; background-color:#eee; cursor:wait; height:140px; width:420px; ... }
答案 0 :(得分：0)
尝试
...
$('#confirm').addClass('confirm').modal();
...
或者只是添加你的CSS
#confirm{[style];}
这样您就可以通过ID为元素设置样式，而不是依赖于要应用于它的类。或者，简单地说，在HTML中应用该类。