Question

我正在尝试在bootstrap模式窗口中启动timeCircles插件。这是插件：http://git.wimbarelds.nl/TimeCircles/index.html 从服务器加载模态正文中的数据并在$(".mytimer").TimeCircles();中开始timeCircles：

$(document).ready(function() {
    $("#mymodal").on("show.bs.modal", function(e) {
        var link = $(e.relatedTarget);
        $(this).find(".modal-body").load('/load-from-link/');
        $(".mytimer").TimeCircles();
    });

在从服务器加载的HTML中我放置了这样的内容和另一个数据：

        <div class="col-sm-3">
            <div class="mytimer" data-timer="{{timer:seconds}}"></div>
        </div>

但这不起作用。但是，如果我尝试从浏览器控制台打印手动启动它：$(".mytimer").TimeCircles();它可以工作并且计时器启动。请告诉我哪里弄错了。

Answer 1

你试图暂停一下吗？

$("#mymodal").on("show.bs.modal", function(e) {
  var link = $(e.relatedTarget);
  $(this).find(".modal-body").load('/load-from-link/');
  setTimeout(function() {
    $(".mytimer").TimeCircles();
  }, 100);
});

希望它有用！

在bootstrap模式中启动timeCircles插件

1 个答案: