無法在內容腳本中使用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實例（如果有）進行交互，而不是與內容腳本中的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"); });
}