为什么以下 jquery 代码在 Tampermonkey 中不起作用

Question

我在http://www.thefreedictionary.com/abnormally 网站上有下面的代码要由 Tampermonkey 在 chrome 中执行

我在页面中单独尝试了它，它可以工作，但不能通过 Tampermonkey 工作。

代码如下：

// ==UserScript==
// @name       linkify span href
// @namespace  http://use.i.E.your.homepage/
// @version    0.1
// @description  enter something useful
// @match      http://www.thefreedictionary.com/*
// @require    http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js
// @copyright  2012+, You
// @grant      GM_log
// ==/UserScript==
//alert("hello");

jQuery(document).ready (Greasemonkey_main);

function Greasemonkey_main ()
{  
   alert("hjello");

   jQuery("span.hvr").each(function () { jQuery(this).wrap('<a href="/' + jQuery(this).text() + '" style="text-decoration:none;color:inherit" target="_blank"></a>')})
}

为了检查我也放了一个警报，警报有效，但不是 jquery 一行代码。

不知道为什么。请帮忙。

注意：

这一行代码是做什么的？

它只是将页面中的每个 span 标签都用一个锚标签包裹起来。

如何在该页面中试用该代码？

添加jQuery链接的脚本标签，然后从控制台执行那一行就可以了。

Answer 1

问题在于span.hvr 链接是动态生成的：当页面加载时，它们不存在，但稍后某个脚本会生成它们。

因此，为了让您的脚本正常工作，它应该首先等待span.hvr 元素出现，然后再进行任何进一步的操作。

以下修改后的脚本应该可以工作：

// ==UserScript==
// @name       linkify span href
// @namespace  http://use.i.E.your.homepage/
// @version    0.1
// @description  enter something useful
// @match      http://www.thefreedictionary.com/*
// @require    http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js
// @copyright  2012+, You
// @grant      GM_log
// ==/UserScript==
//alert("hello");

jQuery(document).ready(Greasemonkey_main);

function Greasemonkey_main ()
{  
    var isReady = jQuery("span.hvr").length > 0;

    if (!isReady) {
        setTimeout(Greasemonkey_main, 500);
        return;
    }

    jQuery("span.hvr").each(function () {         
        jQuery(this).wrap('<a href="/' + jQuery(this).text() + '" style="text-decoration:none;color:inherit" target="_blank"></a>')
    });
}

如果某些页面中可能没有span.hvr 元素，那么您应该使脚本更智能——例如，在 5-10 秒后停止重试。