时间戳

首页 > 解决方案 > ajax修改dom元素后marque重新启动

html - ajax修改dom元素后marque重新启动

问题描述

<table>
    <tbody id="output">
    </tbody>
</table>

$(document).ready(function() {
    $.ajaxSetup({ cache: true });
    refreshDiv();
});

function refreshDiv()
{
    dataString = 'x=fetchData';
    $.ajax({
        type: "POST",
        url: "ajaxpage.php",
        data:dataString,
        dataType: 'json',
        success: function(result){
            $('#output').html(result.tabledata);
        },
        complete: function() {
            setTimeout(refreshDiv, 5000);
        }
    });
}

ajaxpage.php

$str = '';
$data = fetchFromDatabase();
foreach ($data as $dd)
{
    $str .= '<tr><td>column1</td><td>column2</td><td><marquee>Marquee with some long text</marquee></td><tr>';
}
echo json_encode(array('tabledata' => $str));
exit();

我每 5 秒使用 ajax 在表格主体上方填充一次。其中一个行列包含一个选取框。由于表格主体每 5 秒更新一次，因此选取框重新开始。

在这种情况下，有什么方法可以保留选取框位置。

标签： htmlcssajax

解决方案

推荐阅读