当由定时的javascript刷新时，Div会延伸

Question

我有一个div，设置为通过javascript重新加载每5秒刷新一次。当主页加载时它很好，它适合它的盒子，一切都在线（图1）。 5秒后，当javascript重新加载它时，它会拉伸div（图片2），然后再拉伸5s（图3），然后它会保持在这个拉伸水平。我已经尝试将带有id = message的div作为class = col_1_2，但它没有任何区别。

index.php - div为：

<div class="container">
<div class="clear padding20"></div>
<div class="col_1_2"><?php include('companynews.php'); ?></div>
<div class="col_1_2 last" id="messagesouter" name="messagesouter"><div id="messages" class="messages"><?php include('messages.php'); ?></div></div>
<div class="clear padding20"></div>
 <div class="container">
<ul>
        <li><a href="#tabs-0">Employee Details</a></li>
        <li><a href="#tabs-1">Abscence Records</a></li>
        <li><a href="#tabs-2">Fleet Records</a></li>
        <li><a href="#tabs-3">Time Sheets</a></li>
        <li><a href="#tabs-4">Abscence Request</a></li>
      </ul>
      <div class="clear"></div>
      <div class="bordered_box"></div>
more of the page

Javascript重新加载消息div：

<script type="text/javascript">
function loadlink(){
    $('#messages').load('messages.php',function () {
         $(this).unwrap();
    });
}

loadlink(); 
setInterval(function(){
    loadlink() 
}, 5000);
</script>

班级的CSS：

.col_1_2 {
    width:460px;
    float:left;
    margin:0 20px 0 0;

messages.php的示例输出：

<div class="toogle_box">
      <div class="toggle opened_toggle">
        <div class="icon"></div>
        Messages </div>
      <div class="toggle_container">
      <!--LINE MANAGER ONLY ITEMS-->
            <!--PENDING ABSCENCE REQUESTS-->
      You have 1 pending abscence request<br>
    <!--TIMESHEETS TO BE COMPLETED-->
    Please complete the timesheet for 01/12/2015<br>Please complete the timesheet for 02/12/2015<br>
</div>
    </div>

Answer 1

看起来您在布局中使用了一些CSS框架（Bootstrap？），即RegisterRequest。

当您使用jQuery .col_1_2方法时，您将从.load()获取内容，这没关系。

但是，在加载完成后，您发出message.php，删除包含$(this).unwrap()的父元素，首先删除包含类#messages的块，然后在另一个加载时删除阻止类col_1_2 last。

代码通过父块系统地撤消布局父块。

我认为您不需要container方法，因此请尝试删除它。