1
<html>
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
        <script type="text/javascript" src="jquery.blockUI.js"></script>
        <script>
            $(document).ready(function() {
                $('#fullscreen').click(function() {
                    $.blockUI({
                        message: $('#fs_div'),
                        css: {
                            top: 0,
                            left: 0,
                            width: 100%
                        }
                    });
                });
            });
        </script>
    </head>
    <body>
        <button id="fullscreen">Fullscreen</button>
        <div id="fs_div" style="display: none;">Fullscreen Div</div>
    </body>
</html>

我已经编写了上面的简单代码来显示 jquery blockUI 框,但是单击按钮时没有任何反应。我四处寻找解决方案,但我无法弄清楚我哪里出错了。

4

2 回答 2

1
<div id="fs_div" style="display: none;">Fullscreen Div</div>

你正在设置width:100%

这将做到这一点

                        css: {
                            top: 0,
                            left: 0,
                            width: '100%'
                        }
于 2012-08-31T13:07:48.897 回答
1

只需将您的宽度参数更改为width: '100%' 小提琴:http: //jsfiddle.net/zFSGq/

于 2012-08-31T13:08:00.653 回答