刷新没有布局的div答案

【问题标题】：Refresh div without layout刷新没有布局的div
【发布时间】：2019-02-19 04:44:38
【问题描述】：

我想刷新一个没有布局页面的 div，只有 div。问题是布局没有刷新，但我无法访问其他选项卡，因为所有页面都在刷新。那么我怎样才能只刷新 div=IsEmri？非常感谢。这是代码：

<script src="~/js/jquery_1.9.0.min.js"></script>
<script type="text/javascript">
    var url = location.pathname=$('#IsEmri').replace(/&?_layout=([^&]$|[^&]*)/i, "");
    //$(document).ready(function () {
    //    $('#IsEmri').load(url);
    //});
    function refresh() {

        setTimeout(function () {
            $('#IsEmri').fadeOut('slow').load(url).fadeIn('slow');
            refresh();

        }, 5000);
    }
</script>

<link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
<div class="row col-md-12" id="IsEmri">
        @foreach (var item in Model.IsEmirleri)
        {
            <div class="col-md-4">

                <table class="table table-bordered table-hover table-sm col-4">
                    <tbody>
                        <tr>
                            <td> @await Component.InvokeAsync("IsEmri", item)</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        }

【问题讨论】：

您也应该共享 html 标记。

标签： javascript jquery html layout refresh

【解决方案1】：

<script type="text/javascript">
    var url = location.pathname=$('#IsEmri').replace(/&?_layout=([^&]$|[^&]*)/i, "");
    $(document).ready(function () {
        setTimeout(function() {
           $('#IsEmri').hide();
           refresh();
        }, 5000)
    });

    function refresh() {       
        $('#IsEmri').show().fadeOut('slow').load(url).fadeIn('slow');
    }
</script>

等待你的 DOM 准备好，当它准备好时，启动一个计时器，它会在指定的时间段后一次又一次地调用 setInterval。

【讨论】：