Question

我有一个用Ajax提交的表单。

我想通过在js.erb文件中打开Fancybox Modal窗口来回复。

如何执行此操作并将内容加载到fancybox中。

提前致谢。

Answer 1

<head>
    <script src="jquery-1.4.4.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" />

    <script type="text/javascript">
    $(function () {   //JQuery page onload

        divtoshow = '<div style="height: 250px; width: 400px;">'
            + '<h2>Modal Fancybox</h2>'
            + 'This is my message'
            + '<br /><br /><input type="button" value="Close" onclick="javascript:$.fancybox.close();" />'
            + '</div>';

        //Show fancybox
        $.fancybox(
            divtoshow,
            {
                'modal'     : true
                , 'height'  : 250
                , 'width'   : 400
            }
        );

    });   //JQuery page onload
    </script>
</head>

如何打开包含.js.erb文件中页面内容的Fancybox模式窗口

1 个答案: