Javascript jQuery插件中的调用方法

我从Codyhouse下载了一个jQuery插件（和CSS），它可以在

div

上创建一个日历日程表

jQuery插件自动运行，因为.js文件（

main.js

）中的所有代码都放在

文档中。ready

函数：

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

问题是当触发

document.ready

时，没有创建（通过JavaScript动态创建）我试图应用计划模板的

div

元素

在创建

div

之后，是否有办法从JavaScript调用

SchedulePlan

函数

#calendarDetail

是

div

。我尝试了一些语法，例如：

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

及

但我得到了这个错误：

SchedulePlan未定义

---

有什么方法可以调用此方法吗？

插件没有公开执行此操作的方法，因此我建议延迟加载插件，直到您在DOM中加载了带有

cd schedule

类的所有元素

因此，删除您拥有的

元素，而是在正确的位置添加此代码，以便它在适当的时间执行：

$.getScript("main.js");

---

是的，你可以用DOMNodeInsertedCan来实现，你可以从创建div的同一个JavaScript调用

SchedulePlan

，还是必须单独调用？听起来你的问题是加载或附加插件，而不是该元素。似乎是解决了问题，谢谢-如果我在同一页上多次调用它（如果用户多次单击“显示”日历），则必须检查它是否有效

$.getScript("main.js");