试图在$(document).ready上显示jqModal对话框

时间:2011-07-05 19:25:42

标签: javascript jqmodal

我正在调整jqModal脚本以使用$(document).ready方法以onLoad方式启动,但我在某处出错了。我是stackoverflow的新手,我闻到这个地方的大脑。 (希望我是其中之一。)通过查看此URL的来源,可以看到整页代码(相对较短): http://www.caycecookbook.com/pop_ups/jqm_onDocReady/jqm_docReady.html

代码的短端如下所示:

<script type="text/javascript"> 
    $(document).ready(function() {
        $('#rename').jqm();
    });
</script> 
<!-- POP-UP DIV -->
<DIV class="jqmWindow" id="rename" style="padding:18px 0px 12px 0px;">
    <TABLE align="center" width="500" border="0" cellspacing="0" cellpadding="0" bgcolor="#7777777">
        <TR><TD align="center"><P style="margin: 12px 12px 12px 12px;">
<img src="images/hey_there.jpg" width="504" height="360"  border="0"></p></td></tr>
        <TR><TD align="center" valign="middle">
            <P style="margin:6px 0px 0px 0px;">
                <a href="#" class="jqmClose" style="text-decoration:none; color:#ffffff;; 
font-family: arial, helvetica, verdana, sans-serif; font-size:12px; 
font-weight:bold;">Close</a>
            </p>
        </td></tr>
    </table>
</div>

对此的任何帮助都将非常感激。

1 个答案:

答案 0 :(得分:0)

您永远不会致电jqmShow来显示对话框。您只能使用jqm初始化其参数。

参考:http://dev.iceburg.net/jquery/jqModal/#how

<强>更新

以下是请求的代码示例:

<script type="text/javascript"> 
    $(document).ready(function() {
        $('#rename').jqm();
        $('#rename').jqmShow(); // This is the line you need to add.
    });
</script>