1

以下のコードに問題があります。

<script type="text/javascript" src="js/jquery.js"></script>
<script>
(function($)
    {
        $(document).ready(function() {
            $.ajaxSetup(
            {
                cache: false,
                beforeSend: function() {
                $('#loading').show();
            },
            complete: function() {
                $('#content').show();
            },
            success: function() {
                $('#content').show();
            }
        });
        var $container = $("#content");
        $container.load("online_users.php");
        var refreshId = setInterval(function() {
            $container.load('online_users.php');
        }, 1500);
    });
})(jQuery);
</script>


<style type="text/css">
        .content-area
        {
            overflow:hidden;
            height: 100% !important;
            width: 150px;
            overflow-y: hidden;
            overflow-x: hidden;
        }

        .jspVerticalBar
        {
            width: 8px;
            background: transparent;
            right:0px;
        }

        .jspHorizontalBar
        {
            bottom: 5px;
            width: 100%;
            height: 8px;
            background: transparent;
        }

        .jspTrack
        {
            background: transparent;
        }

        .jspDrag
        {
            background: url(images/transparent_black.png) repeat;
            -webkit-border-radius:4px;
            -moz-border-radius:4px;
            border-radius:4px;
        }

        .jspHorizontalBar .jspTrack,
        .jspHorizontalBar .jspDrag
        {
            float: left;
            height: 100%;
        }

        .jspCorner
        {
            display:none
        }

        .tables
        {


        }
    </style>

<div id="content">
 bla bla bla
</div>
<div id="center">
 bla bla bla
</div>
<div id="right">
 bla bla bla
</div>

のコンテンツがdiv id="left"正常に表示されました。

データを自動的に更新するために、左側の div に jquery を使用しています。と のコンテンツが表示されないのはなぜdiv id="center"ですかid="right"?

jquery とコンテンツを削除しようとしdiv id="center"ましdiv id="right"た。

online_users.php には、CSS (コンテンツ領域) とスクロールを行うための JS が含まれています。

4

2 に答える 2

0

これを試して：

var $container = $("#left");

これの代わりに

var $container = $("#content");

間違ったIDを使用して変更していると思います

変化はどうですか

 .content-area
        {
            overflow:hidden;
            height: 100% !important;
            width: 150px;
            overflow-y: hidden;
            overflow-x: hidden;
        }

に

 .content-area
        {
            height: 100% !important;
            width: 150px;
        }
于 2012-07-12T09:47:18.363 に答える
0 
   <script>
(function($)
    {
        $(document).ready(function() {
            $.ajaxSetup(
            {
                cache: false,
                beforeSend: function() {
                $('#loading').show();
            },
            complete: function() {
                $('#content').show();
            },
            success: function() {
                $('#content').show();
            }
        });
        var $container = $("#content");
        $container.load("test3.html");

        var refreshId = setInterval(function() {
            $container.load('test3.html');
        }, 900);


        var refreshId = setInterval(function() {
            $("#center").load("test3.html");
        }, 1200);

        var refreshId = setInterval(function() {
            $("#right").load("test3.html");
        }, 1700);


    });
})(jQuery);
</script>

お役に立てれば

于 2012-07-12T10:03:45.243 に答える