使用Wordpress页面上的自定义Javascript更新DIV元素

时间:2019-06-23 16:11:44

标签: javascript wordpress

我有一个自定义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元素应该更新,但不会发生。网络控制台中没有错误。

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

1 个答案:

答案 0 :(得分:1)

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

更新div数据