javascript - 无法在内容脚本中使用 jQuery ajaxComplete

Question

我正在尝试向选项卡添加一个简单的内容脚本，该选项卡在所有 jquery ajax 请求完成时触发。当我使用 jQuery ajax 打开页面(例如: http://demos.9lessons.info/wall/index1.php )时，什么也没有发生。

我有以下代码:

main.js

const tabs = require('sdk/tabs');
var worker = tabs.activeTab.attach({contentScriptFile: [data.url('jquery-1.10.2.min.js'), data.url('tab.js')]});

tab.js

$(document).ajaxComplete(function () {alert('Ajax complete')});

Answer 1

您需要与页面中运行的 jQuery 实例(如果有)交互，而不是与内容脚本中的实例交互。

main.js

const {data} = require("self");
const {PageMod} = require("sdk/page-mod");

PageMod({
  include: "http://demos.9lessons.info/wall/index1.php",
  contentScriptFile: data.url("alert.js"),
  contentScriptWhen: "ready"
});

alert.js

if (unsafeWindow.jQuery) {
    unsafeWindow.jQuery(document).ajaxComplete(function() { alert("complete"); });
}