Question

我有以下代码，每隔60秒检索一个特定div（#livetick）的内容，并用该内容刷新另一个div（#liveticker）。

  <script>
     $(document).ready(function() {
         $("#liveticker").load('http://www.domain.com/livetickerr/ #livetick');
       var refreshId = setInterval(function() {
         $("#liveticker").load('http://www.domain.com/livetickerr/ #livetick');
       }, 60000);
       $.ajaxSetup({ cache: false });
    });
  </script>

此外，每60秒刷新一次的div的html代码是：

<div class="liveticker" id="liveticker">   
            <b>Loading...</b>
</div>

我的问题是，如果“livetick”div的返回内容为空，我怎么能隐藏div“liveticker”？我已经搜索过我的问题，但我找不到办法。

提前谢谢！

Answer 1

尝试添加回调以在加载外部源后运行：

$(document).ready(function() {
         $("#liveticker").load('http://www.domain.com/livetickerr/ #livetick', function(response) {
    if ( response === "" )
    {
        $('#liveticker').html("");
    }
});

当然，response === ""不是一个很好的条件。更像是，

$("#ticker_content", response).html() === ""

可能会更好地为您服务。我不知道#livetick div的结构如何。

AJAX检查外部文件的div是否为空

1 个答案: