jquery - 如何让 jQuery 继续检查稍后可能创建的元素？

Question

我正在尝试制作一个 Greasemonkey 脚本来隐藏网站上一个非常烦人的 div，该 div 会在几秒钟后弹出。这些都不起作用:

$("#flyin").hide();
$(document).ready(function(){
  $("#flyin").hide();
});

我认为这是因为 #flyin div 尚未创建。我如何告诉 jQuery 继续寻找这个 div，也许每 n 秒一次，这样我就可以隐藏它？

当我尝试隐藏页面上始终存在的非 js、常规旧 div 时，它会起作用。

Answer 1

有a utility for that (waitForKeyElements) .

您的整个脚本将是:

// ==UserScript==
// @name     _YOUR_SCRIPT_NAME
// @include  http://YOUR_SERVER.COM/YOUR_PATH/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// ==/UserScript==
/*- The @grant directive is needed to work around a design change
    introduced in GM 1.0.   It restores the sandbox.
*/
waitForKeyElements ("#flyin", hideFlyin);

function hideFlyin (jNode) {
    jNode.hide ();
}

或者，如果节点每次页面加载仅出现一次，并且页面未通过 AJAX 完全更改，请使用:

//-- Unload after one run.
waitForKeyElements ("#flyin", hideFlyin, true);