使用JavaScript更新滚动条中的多个值

Question

我的页面中有一个包含10个静态表的滚动条，可以使用jquery-als anylistscroller进行滚动。 问题是我的数据源包含许多对象，因此当我更新表时，我得到的唯一结果是数据源中的最后10个元素。 我尝试使用setTimeout函数来延迟值的更新，但这没有用，并且我无法将表动态添加到页面中。

这是表格的例子

<div id="lista2" class="als-container">
<div class="als-viewport">
    <div class="als-wrapper">
        <div class="als-item">
            <table id="table" border="1">
                <tr class="cla">
                    <th rowspan="2" id="01">
                        <img title="img1" id="img01" height="30" width="30" src="~/Images/orderedList0.png">
                    </th>
                    <th id="111">qte
                    </th>
                    <th id="112">var
                    </th>
                </tr>
                <tr>
                    <td id="121">prix
                    </td>
                    <td id="122">symb
                    </td>
                </tr>
            </table>

    </div>

在这里我更新值：

 $.ajax({
    type: "GET",
    contentType: "application/json;charset=utf-8",
    dataType: "json",
    url: '@Url.Action("getTickerObjects", "Home")',
    success: function (ListTicker)
    {
            for (var i = 0; i < ListTicker.ListTicker.length; i++)
            {
                var obj = ListTicker.ListTicker[i];
                Update(c, obj.QteE.toString(), obj.Trade_Price.toString(), obj.Price_Trade_Variation.toString(), obj.Mnemonic.toString().trim());
}
    },
    error: function (xhr, ajaxOptions, thrownError) {

    }
  });

有什么办法可以减慢更新过程？

Answer 1

您可以在指向外部文件的<script>标记上尝试defered属性。 尝试将其放在结束</body>标记之前。 这是一篇文章

  <script src="script.js" defer="defer"></script>