Question

<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框，但单击按钮时没有任何反应。我四处寻找解决方案，但我无法弄清楚我哪里出错了。

Answer 1

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

您正在设置width:100%

这样做

                        css: {
                            top: 0,
                            left: 0,
                            width: '100%'
                        }

Answer 2

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

jquery blockUI按钮点击没有任何反应

2 个答案: