5

根据本指南，我尝试将JQuery加载到我的Firefox扩展中。

var Myext = {

  loadJQuery: function(wnd) {
      var loader = Components.classes["@mozilla.org/moz/jssubscript-loader;1"]
        .getService(Components.interfaces.mozIJSSubScriptLoader);
      loader.loadSubScript("chrome://myext/content/jquery-1.7.2.min.js", wnd);
      var jQuery = wnd.jQuery.noConflict(true);
      try {
        loader.loadSubScript("chrome://myext/content/jquery.hoverIntent.js", jQuery);
      catch (Except) {
        alert(Except.toString());
      }
      return jQuery;
  },

  onLoad: function(e) {
    Myext.jQuery = Myext.loadJQuery(window);
  },

  showDialog: function(e) {
    var $ = Myext.jQuery;
    /* JQuery code */
  }

}

window.addEventListener("load", function(e) { Myext.onLoad(e); }, false);
window.addEventListener("DOMContentLoaded", function(e) { Myext.showDialog(e); }, false);

加载程序加载有问题jquery.hoverIntent.js。我在这里下载了

错误信息："Type Error: $ is undefined"

4

2 回答 2

1

为了使用.dialog()，您还需要包含jQuery UI库。在加载 jQuery 库后立即输入下一行：

loader.loadSubScript("chrome://myext/content/jquery-ui-1.8.18.custom.min.js", wnd);

您可以从这里下载的最后一个 jQuery UI 库。

于 2012-03-30T13:53:57.370 回答
0

这一行：

onLoad: function(e) {
    Myext.jQuery = Myext.loadJQuery(window);
  },

不应该吗？

onLoad: function(e) {
    Myext.jQuery = loadJQuery(window);
  },
于 2012-04-08T08:47:01.717 回答