启动时间循环引导模式下的插件

我试图在引导模态窗口中启动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();它可以工作并启动计时器。请告诉我我犯了什么错误。

来源

2016-02-25 Marselo Bonagi

您是否尝试过暂停？

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

希望它是有帮助的！

来源

2016-02-25 20:46:24 Bertrand

谢谢伯特兰，它的工作原理！它在ajax完成之前开始接合TimeCircles，对吗？有没有办法让这个没有超时，等待ajax完成？ –

不客气！你有一个名为onAjaxComlete的ajax事件（[link]（http://api.jquery.com/ajaxcomplete/）），但是当我打开模态时我总是使用超时。我认为真正的问题在于show.bs.modal事件是在模式打开之前触发的，因此带“.mytimer”的行没有找到任何内容。 – Bertrand

启动时间循环引导模式下的插件

回答

相关问题