Question

我的代码出现问题：

<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来提供滚动。

Answer 1

试试这个：

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;
        }

Answer 2

   <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>

希望这会有所帮助

DIV标记内容无法显示

2 个答案: