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"成功显示的内容。

我正在使用 jquery for div left 来自动刷新数据。为什么内容来自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 回答