我正在尝试在引导模式窗口中启动timeCircles插件。
这是插件:http://git.wimbarelds.nl/TimeCircles/index.html
从服务器在模态主体中加载数据并从其中开始timeCircles $(".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);
});





希望对您有所帮助!

关于javascript - 引导模式中的start timeCircles插件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35637643/

10-11 12:29