如何在附加 html 标记内加载 j 查询

Question

$(document).ready(function() {
  setInterval(function() {
    $("#appointment").html('<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-bell fa-fw"></i><span class="badge"  prettydate data-date-format="YYYY.M.D h:m:s"><?php echo $date;?></span> <i class="fa fa-caret-down"></i></a>');
  }, 1000);
});

我使用 prettydates jquery 以一种显示时间的方式来显示时间.. (https://fengyuanchen.github.io/prettydate/)

但是我在加载完整脚本后插入了这个 html 标签，所以我无法得到实际的（很久以前..）部分我实际上得到了 [=18= 打印的日期].它没有改变..我怎样才能做到？

Answer 1

您可以尝试手动启动它：

$(document).ready(function() {
  setInterval(function() {
    $("#appointment").html('<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-bell fa-fw"></i><span class="badge prettydate"  prettydate data-date-format="YYYY.M.D h:m:s"><?php echo $date;?></span> <i class="fa fa-caret-down"></i></a>');
  }, 1000);

  $(".prettydate").prettydate();
});

Answer 2

Prettydate 有一个 autoUpdate 选项专为您正在做的事情而设计。

$(".prettydate-auto-update").prettydate({ autoUpdate: true, duration: 1000 });

这里有一个js fiddle作为例子

https://jsfiddle.net/y7bu12kk/2/

如何在附加 html 标记内加载 j 查询

How to load a j query inside the appending html tag

html

javascript

php

jquery

uncaught-exception