jQuery 插件中的调用方法

Question

我已经从 Codyhouse 下载了 The Schedule Template - 这是一个 jQuery 插件（和 CSS），可以在 div.[=25= 上创建日历日程表]

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

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

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

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

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

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

和

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

但是我得到这个错误：

SchedulePlan is undefined

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

Answer 1

该插件没有公开执行此操作的方法，因此我建议延迟加载插件，直到您将所有带有 cd-schedule class 的元素加载到DOM.

因此删除您拥有的 <script src="main.js"></script> 元素，并将此代码添加到正确的位置，以便它在适当的时间执行：

$.getScript("main.js");

jQuery 插件中的调用方法

Call method in jQuery plugin

javascript

jquery

delayed-execution