0

javascript window.onresizeイベントを設定して、divのサイズと本体のサイズを一致させる他の関数を実行します。問題は、コメントを追加して（disqusを使用して）画面のサイズを変更すると、サイズが新しいボディのサイズに収まるはずのdivが収まらないことです。onresize関数が実行されていないことを意味します。

ここに画像の説明を入力してください

ご覧のとおり、コメントが追加されても右側のdivは大きくなりません（境界線を参照）。onresizeイベントをどのように機能させるかについて何か考えがありますか？

PS：Firefoxで開発者ツールを開くと、divのサイズが変更されます。理由はわかりませんが、onresizeイベントが実行されます。この状況でのみ。

編集：このjqueryスクリプトを実行しようとしました：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"                          type="text/javascript"></script>
<script>
        $(document).resize(function(){
            tamanho_barra();
        });
</script>

しかし、まだ機能していません。「ドキュメント」をランダムなdivに変更して、何かが発生するかどうかを確認しようとしましたが、何も起こりません。何が問題なのかわかりません。私を手伝ってくれますか？

Edit2：rcabralの助けを借りて作業しています。彼は、1pxの黒い点である背景画像をコンテンツに追加し、ページの下部までそれを繰り返すように私に言いました。

#content { background:url('<?php bloginfo('template_directory'); ?>/images/gray_dot.gif') 634px 0px repeat-y; }
4

2 に答える 2

3

スクリプトは自動的に実行されません。DOM の準備ができたときに実行される関数内に含める必要があります: $(document).ready(function() { here }); または $(function() { ここ });

例えば：

<script>
$(function() {
        $(window).resize(function(){
            $("#barra").tamanho_barra();
        });
});
</script>

そして、あなたのコードにはいくつかのエラーがあります: 2. サイズ変更機能には、ドキュメントではなくウィンドウを選択する必要があります。

それが役立つことを願っています。

于 2013-01-04T02:44:14.303 に答える
1

Disqusが実行されているコンテナ要素をターゲットにできるjQueryプラグインがあります。

これがデモです：http：//jsfiddle.net/hansvedo/S3R7w/

プラグインは次のとおりです：http：//benalman.com/projects/jquery-resize-plugin/

そして、構文は次のとおりです。

$('div#disqus-container').bind('resize', function(){
    // your code
});
于 2013-01-04T00:09:08.310 に答える