Greasemonkey 脚本中未触发 jQuery 单击事件

Question

我已通过 GM 将图像附加到页面，并且尝试执行单击事件但无济于事。

我有什么想法吗？

页面标记包含：

<img id="kwdHelp" src="myImage />

Greasemonkey/Tampermonkey 脚本片段...

function jQueryLoaded(){
    jQuery('#kwdHelp').click(function(){
    alert('clicked show help'); //DOES NOT FIRE
    });

    jQuery(document).bind('DOMNodeInserted', function(event) 
    {
        if (event && event.target && jQuery(event.target).attr("class") == 'aw-ti-resultsPanel-details') 
        {
            if (waitToLoad !== null) 
            {
                window.clearTimeout(waitToLoad);
            }
            waitToLoad = window.setTimeout(SearchDomains, 100);
        }
    });
    setupLoadingImage();
};


function checkIfjQLoaded() {
   //if(typeof unsafeWindow.jQuery == 'undefined') { window.setTimeout(checkIfjQLoaded,100); }
    //else { jQuery = unsafeWindow.jQuery; jQueryLoaded();}
    jQueryLoaded();
};

checkIfjQLoaded();

Answer 1

当您尝试将事件绑定到该元素时，该元素是否存在于文档中？

我自己经常犯这样的错误。

Answer 2

假设这两个未定义的函数确实在代码中的某处，问题中的代码应该可以工作（尽管需要改进，请参见下文）。

问题中没有的东西就是有问题的。

• 链接到目标页面。
• 显示完整的、未经编辑的代码。
• Firebug 控制台给出什么错误消息？

---

摆脱那个 checkIfjQLoaded() 胡言乱语。这是过时且糟糕的做法。

使用 // @require 加载 jQuery，默认情况下脚本会在 document.ready 处触发。

代码不仅更简单，而且更快、更高效，因为它不必每次都获取 jQuery。

该脚本将变为：

// ==UserScript==
// @name     _YOUR_NAME
// @include  http://YOUR_SERVER/YOUR_PATH/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
// ==/UserScript==

$('#kwdHelp').click(function(){
    alert('clicked show help'); //DOES NOT FIRE
});

$(document).bind('DOMNodeInserted', function(event) 
{
    if (event && event.target && $(event.target).attr("class") == 'aw-ti-resultsPanel-details') 
    {
        if (waitToLoad !== null) 
        {
            window.clearTimeout(waitToLoad);
        }
        waitToLoad = window.setTimeout(SearchDomains, 100);
    }
});
setupLoadingImage();

function SearchDomains () {
    //...
}

function setupLoadingImage () {
    //...
}

最后，如果您想在 Chrome 上使用该脚本，请安装Tampermonkey< /a> 以获得最佳结果。