javascript - 如何制作基于插件的项目

标签 javascript jquery plugins jquery-load file-search

我想制作一个基于网络的应用程序,可以“安装”插件/应用程序。我所说的应用程序是指一个天气应用程序,它在一个具有特定 ID(如 id="Weather-app")的容器中拥有自己的 CSS 和 JS 文件。

问题:(假设所有内容都在同一服务器上)

  • 类别 ID 重复
  • 脚本和样式表冲突
  • 如何实际检查名为“Plugins”的文件夹,找到名为 Weather-app 的文件,然后将“Weather-app”的内容加载到主应用程序中。

我在 Google 上四处查看,但没有找到任何有关如何解决此问题的信息。希望这里有人知道。如果可能的话,我想使用 JavaScript 和 JQuery。我不知道是否已经有用于此目的的来源,但如果有链接那就太好了!

最佳答案

1 - 避免对泛型使用 ID,而应始终使用类。

2 - 在 HTML 上添加由您使用某些命名空间创建的插件生成的类的前缀。即:js-plugin-foobar-nameOfClass

您可以避免让用户为每个插件添加“.js”和“.css”文件。您可以使用 javascript 生成 css 类。这样您只需为每个插件导入一个文件:How to dynamically create CSS class in JavaScript and apply?

看看 jQuery 小部件工厂,您可以构建插件来使用它,这应该会方便您的生活。他们还有一些编码指南:http://jqueryui.com/widget/

关于javascript - 如何制作基于插件的项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17260993/

相关文章:

javascript - Firefox 15 中的 HTML5 问题

jquery - 用 jquery 动画 div

javascript - 如何使用表单和 javascript 进行图像交换

hibernate - db-reverse-engineer插件不会生成域文件

ios - 我可以从 cordova 插件的 plugin.xml 修改 Xcode build设置吗?

javascript - 跨域ajax请求自动使用jsonp

多个输入字段之一上的 Javascript Jquery 已更改

javascript - onsubmit 在 window.onload 上被调用

javascript - 一旦获得焦点,将 RadioButton 值设置为 true,然后点击 asp :RadioButton 中的 Enter 按钮

javascript - Atom编辑器插件: Can I create a dialog box?