启动时间圈子插件在引导模式

start timeCircles plugin in bootstrap modal

本文关键字：模式 插件 时间 圈子 启动      更新时间：2023-09-26

我正在尝试在引导模式窗口中启动timeCircles插件。这是插件： http://git.wimbarelds.nl/TimeCircles/index.html从服务器加载模态体中的数据和启动时间那里的圆圈$(".mytimer").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();它工作并且计时器启动。请告诉我我哪里犯了错误。

您是否尝试过暂停？

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

希望对您有所帮助！

相关文章：