JQuery "widget“打包

Question

我有一个JQuery对话框，点击一张图片后，它会打开一个远程IFRAME，其中包含一些服务器逻辑(我们称之为“小部件”-与JQuery用来表示特殊类型的UI插件的术语无关)。当IFRAME内部的过程完成时，对话框将关闭，客户端可以继续使用父页面。

现在我需要打包这个(几行用于“按钮”图像的超文本标记语言，初始化JQuery对话框的DIV，JQuery库和我的小部件初始化代码)，以便它可以以最简单的形式分发到许多不同的网站。这些网站中的一些可能已经在使用JQuery，也可能使用它的不同版本。

我的问题是，做这种“打包”的最佳实践是什么，以及如何将我写的东西打包成最简单的形式(对于站长来说，这样他/她就可以简单地复制粘贴HTML，并可能在HTML页面标题中放入一行)。我担心破坏人们现有的网站，我也不确定在哪个初始化块(document.ready，document.load等)中。把我的脚本。

在发布网站“小工具”方面有什么建议和个人经验吗？

谢谢,

家伙

Answer 1

如果您的目标是使您的小部件易于在其他站点上实现，那么您应该将与您的小部件相关的所有javascript和css放入它们自己的文件中。这就是大多数现有的jQuery插件的发布方式，所以用户只需要在文档的头部加上额外的javascript和css文件，也许还需要添加几行超文本标记语言。插件使用的所有文件(包括图像)通常也放在同一个文件夹中，这样就可以轻松地分发和安装它。显然，如果您希望其他人安装您的小部件，您还需要包含编写良好的分步说明。

您可能想看看现有的一些jQuery插件以获得灵感：http://plugins.jquery.com/

如果您使用的是jQuery，并且需要在页面加载后运行代码，则应该将其包装在：

$(window).load(function() {
    // Your code here
};