啓動時間循環引導模式下的插件

我試圖在引導模態窗口中啓動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

啓動時間循環引導模式下的插件

回答

相關問題