0

ウィンドウのサイズがいくつかのピクセルに変更されたときに、ドキュメントのすべての要素を非表示にしようとしています。

これは私がスクリプトを作成しようとしたものです-

ウィンドウがいくつかのピクセルにサイズ変更されると、各ドキュメントが非表示になり、表示されなくなります。

このスクリプトを実装してみました-

    <script type="text/javascript">
        $(function () {
            var eachdoc=$(document).each();
            var docsize = eachdoc.width();
            $(window).resize(function () {
                $(document).each(function () {
                    if (docsize > $(window).width()-400) {
                        $(this).hide();
                    }
                    else {
                        $(this).show();
                    }
                });
            });
        });
    </script>

さて、このスクリプトは機能していません。このスクリプトを改善して、ウィンドウのサイズ変更時に各要素を非表示にするにはどうすればよいですか? 提案してください ！

4

2 に答える 2

1

基本的な実装は次のようになります

$(function () {
    var els=$('.mytable, .mypara');//list of elements
    var docsize = eachdoc.width();
    $(window).resize(function () {
        var cuttoff = $(window).width() - 400;
        els.each(function (idx, el) {
            var $this = $(this);
            if ($this.width() > cuttoff) {
                $this.hide();
            } else {
                $this.show();
            }
        });
    });
});
于 2013-07-02T03:58:26.113 に答える