javascript - jQuery 插件中的调用方法

Question

我已经下载了 The Schedule Template来自 Codyhouse - 它是一个 jQuery 插件(和 CSS)，可在 div 上创建日历计划。

jQuery 插件自动运行，因为 .js 文件 (main.js) 中的所有代码都放在 document.ready 函数中:

jQuery(document).ready(function($){
..
..  function SchedulePlan( element ) {
        this.element = element;
        this.timeline = this.element.find('.timeline');
..
..
} 

问题是当 document.ready 触发时，我尝试应用 Schedule 模板的 div 元素没有创建(通过 JavaScript 动态创建)。

在创建 div 之后，是否有一些方法可以从 JavaScript 调用 SchedulePlan 函数？

#calendarDetail 是 div。我尝试了一些语法，例如:

$("#calendarDetail").SchedulePlan($('#calendarDetail'));

和

$().SchedulePlan($('#calendarDetail'));

但是我得到这个错误:

SchedulePlan is undefined

有什么方法可以调用这个方法吗？

Answer 1

插件没有公开执行此操作的方法，因此我建议延迟加载插件，直到所有元素都带有 cd-schedule。加载到 DOM 中的类。

所以删除 <script src="main.js"></script>元素，而是在正确的位置添加此代码，以便它在适当的时间执行:

$.getScript("main.js");