javascript - 在 Wordpress 页面上使用自定义 Javascript 更新 DIV 元素

Question

我有一个自定义 WordPress 模板页面，其中显示了一个表格以及该表格的最后更新时间。

使用 jQuery/AJAX，我尝试使用 setInterval() 每秒检查一次以查看更新时间是否已更改并自动更改显示更新时间的 div id 元素。

我试过阅读教程。很多都显示添加文件到/js/文件夹，但我的主题没有那个目录。

查看不同的 Wordpress 插件，我只能找到在所有页面上显示 Javascript 的插件，这不是我需要的。

我目前在我的自定义页面模板底部有一个标签(见下文)。我已验证它已加载到页面源代码中。

<script type="application/javascript">
  var update_time_function = window.setInterval(update_time, 1000);
  function(update_time) {
    jQuery.ajax({
      url: 'https://website_url.com/last-update/'
      dataType: 'json'
      success: function(utf) {
        jQuery('#update_time').text(utf[0].date_time);
      }
    })
  };
</script>

预期结果应该是 ID 为“update_time”的 div 元素应该更新，但它没有发生。网络控制台没有错误。

脚本文件显示在页面源中。

Answer 1

尝试使用 jQuery('#update_time').html(utf[0].date_time);

更新 div 数据