jquery - 用于点击链接的 Greasemonkey Jquery 脚本

Question

我正在尝试编写我的第一个油脂猴脚本。我对 jquery 和 javascript 还很陌生，所以请放轻松。

这是我到目前为止所拥有的。

// ==UserScript==
// @name           load all page comments
// @require        http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js
// @namespace      none
// @include        http://www.reddit.com/*
// ==/UserScript==

setInterval( function () {
  window.alert("Hello World!");
  $("a:contains('load more comments')").click();
}, 10000);

这里的目标是点击像这样的示例 reddit 页面上的所有“加载更多评论”页面，并每十秒循环执行一次。

http://www.reddit.com/r/AskReddit/comments/i7hb5/why_assign_gender_to_public_bathrooms_if_there_is/

现在，仅弹出 hello world 警报，但未单击链接。所以间隔函数可以工作，但加载更多评论却不能。不知道从这里去哪里。 “加载更多评论”字符串中的空格会破坏它吗？

非常感谢任何帮助。谢谢!

Answer 1

参见:wiki.greasespot.net/Generate_Click_Events .

该 Reddit 链接会触发 JavaScript，而不是使用 jQuery 设置的 JS。

这意味着在这种情况下，您需要发送一个实际的鼠标事件，如下所示:

setInterval ( function () {

    var clickEvent  = document.createEvent ("HTMLEvents");
    clickEvent.initEvent ("click", true, true);

    $("a:contains('load more comments')")[0].dispatchEvent (clickEvent);
}, 10000);

<小时/>

哎呀!我没有看到问题提到点击“全部‘加载更多评论’”。 (该页面有数百个!)

为此，请使用 jQuery 的 each() 函数...

setInterval ( function () {

    var moreLinks       = $("a:contains('load more comments')");

    moreLinks.each ( function () {

        var clickEvent  = document.createEvent ("HTMLEvents");
        clickEvent.initEvent ("click", true, true);
        this.dispatchEvent (clickEvent);
    } );
}, 10000);