我正在尝试在引导模式窗口中启动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/