Question

我的jsp页面中有两个div： 1）headerdiv，其中包含带单选按钮的表单。（蓝色） 2）maindiv，其中包含插入数据库表数据的表。

我想把这张桌子放在我的“maindiv”中。要刷新，以便更新动态数据。此外，还有一个jQuery代码，用于为表生成随机颜色，在jQuery AJAX代码的帮助下，每5秒动态更改一次。

这是自动刷新之前我的JSP页面的屏幕截图（理想的首选布局）：

Before the auto-refresh happens

但是，一旦自动刷新开始，顶部div部分（我命名为＆＃39; headerdiv＆＃39;）将再次在“maindiv”中重复出现。 After auto-refresh

以下是JSP页面的片段：

自动刷新部分：

＆＃13;

     <script>     
      function autoRefresh_div()
 {
      $("#content").load("index.jsp");
  }

  setInterval('autoRefresh_div()', 5000); // refresh div after 5 secs
</script>

＆＃13;

随机颜色生成器部分：

＆＃13;

    <script>
    function get_random_color() {
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.round(Math.random() * 15)];
    }
    return color;
}

$(function(){
    paint_rows();
});

function paint_rows() {
    $('#content tr').each(function(){
            $(this).css('background', get_random_color());
    });
}

</script>

＆＃13;

自动刷新部分有问题吗？我也使用CSS样式来处理“headerdiv”中的各种元素。和＆＃39; maindiv＆＃39;。它与重复的div有什么关系吗？

自动刷新后重复Div

0 个答案: