我有一个JQuery对话框，在单击图像后，打开一个包含一些服务器逻辑的远程IFRAME（我们称之为“小部件” - 与JQuery用于特殊类型UI插件的相同术语无关）。完成IFRAME中的进程后，对话框将关闭，客户端可以继续使用父页面。
现在我需要打包这个（几行HTML用于“按钮”图像，DIV初始化JQuery Dialog，JQuery lib和我的小部件初始化代码），以便它可以分发到最简单的许多不同的网站可能的形式。其中一些网站可能已经使用了JQuery，也有不同的版本。
我的问题是做这种“包装”的最佳做法是什么，以及如何将我写的内容打包成最简单的形式（对于网站管理员，以便他/她可以简单地复制粘贴HTML，也许放在HTML页面的一行中）。我担心打破人们现有的网站，而且我也不确定在我的脚本中使用哪个初始化块（document.ready，document.load等）。
有关分发网站“小部件”的任何建议和个人经验？
谢谢，
博若
答案 0 :(得分：1)
如果您的目标是让您的小部件在其他网站上轻松实现，则应将与小部件相关的所有javascript和css放在自己的文件中。这就是大多数现有jQuery插件的分布方式，因此用户只需在文档的头部添加一个额外的javascript和css文件，并可能添加几行HTML。插件使用的所有文件（包括图像）通常也放在同一个文件夹中，因此可以轻松地分发和安装。显然，如果您希望其他人安装您的小部件，您还需要包含精心编写的分步说明。
您可能需要查看一些现有的jQuery插件以获取灵感：http://plugins.jquery.com/
如果您正在使用jQuery并且需要在加载页面后运行代码，则应将其包装在：
$(window).load(function() {
// Your code here
};