Question

我有以下代码片段由Tampermonkey在Chrome网站上http://www.thefreedictionary.com/abnormally执行

我在页面中单独尝试它并且它可以正常工作，但它无法通过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秒后停止重试。

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

1 个答案: