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>

上記のようにjqueryblockUIボックスを表示する簡単なコードを記述しましたが、ボタンをクリックしても何も起こりません。私は解決策を探しましたが、どこが間違っているのかわかりません。

4

2 に答える 2

1

widthパラメータをwidth: '100%' Fiddleに変更するだけです：http：//jsfiddle.net/zFSGq/

于 2012-08-31T13:08:00.653 に答える
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 に答える