修复ESPNConversations添加暂停复选框

问题描述

| ESPN对话 尝试添加一个复选框以暂停/恢复实时评论。 （现在，它的工作方式是在鼠标移至工作区或展开时暂停/恢复）。我在这里遵循Brock Adams的方向，但无法正常工作（下面的复选框是正常的，只是实际的暂停/恢复功能不起作用-完全没有。）

function paused() {
  return false;
}

function pause_click() {

   if (this.checked) {
     $(\"div.echo-stream-body\").bind(\"mouseout\",paused);   
     $(\"div.echo-stream-body\").mouseover();     
   }
   else   {
     $(\"div.echo-stream-body\").unbind(\"mouseout\",paused);   
     $(\"div.echo-stream-body\").mouseout();
   }
}

function add_pause_checkbox() {

  $(\".echo_sort_down\").after(\"<span style=\'position:relative;  top:-3px; margin-left:540px;\'><input  type=\'checkbox\' name=\'pause_gm\' id=\'pause_gm\' value=\'Pause\' onClick=\'pause_click()\' /><span style=\'position:relative; top:-2px;\'>Pause</span></span>\");

  $(\"#pause_gm\").click(pause_click);
}

$(document).ready(add_pause_checkbox);

    

解决方法

        几件事： 在这种情况下，您需要使用页面的jQuery副本。因此，ѭ1的所有实例都必须为

unsafeWindow.jQuery

。 GM脚本触发后，请勿取消将由JS加载的结构！例如，

.echo_sort_down

经常将不存在。 在这种情况下，在

#echostream1

之前插入。 避免使用内联样式。代码将更清晰，更易于弄弄。通过

GM_addStyle()

使用CSS。 除以下讨论的内容外，以下内容适用于...

// ==UserScript==
// @name            _ESPN pause foo.
// @include         http://scores.espn.go.com/nba/*
// ==/UserScript==

function paused (zEvent) {
    return false;
}

function pause_click () {

    if (this.checked) {
        unsafeWindow.jQuery (\"div.echo-stream-body\").bind (\"mouseout\",paused);
        unsafeWindow.jQuery (\"div.echo-stream-body\").mouseover ();
    }
    else {
        unsafeWindow.jQuery (\"div.echo-stream-body\").unbind (\"mouseout\",paused);
        unsafeWindow.jQuery (\"div.echo-stream-body\").mouseout ();
    }
}

unsafeWindow.jQuery (\"#echostream1\").before (
    \"<span class=\'mySpan\'><input type=\'checkbox\' id=\'pause_gm\'/><span>Pause</span></span>\"
);
unsafeWindow.jQuery (\"#pause_gm\").click (pause_click);


GM_addStyle ( (<><![CDATA[
    span.mySpan
    {
        position:       relative;
        top:            -3px;
        margin-left:    540px;
    }
    span.mySpan span
    {
        position:       relative;
        top:            -2px;
    }
]]></>).toString () );

重要： 请注意，绑定“ 7”无效。也就是说，该复选框将起作用以暂停对话，但是如果用户然后将鼠标悬停在该按钮上然后再退出，则对话将恢复并且该复选框将不同步。 这很可能是因为我们不能保证我们的绑定函数在页面之前触发。 探索一些可能的解决方法： 找到该页面的鼠标输出挂钩的功能，然后在单击该复选框时取消绑定并重新绑定该页面的鼠标输出。 在对话区域上放置透明的覆盖层，并在必要时使用它来拦截mouseout事件。 事件侦听器绑定顺序在其他SO问题中毫无疑问。搜索其他人可能如何处理类似情况。     ,        布罗克·亚当斯- 谢谢！在此回复您，以便我提供一些代码。 似乎不是使用unsafewindow是问题的症结所在，但我还发现我必须使用echo-item-content而不是echo-stream-body。 （请参见下面的代码）。不知道为什么我不能引用echo_sort_down而不是echostream1，就像后者存在一样，前者也是如此。而且我也只在$ {document）.ready（我注意到你删除了）上执行它。但是，如果仅使用echostream1.before，则存在格式问题。如果我可以访问echo-stream-state（echostream1的子级），那么我可以在执行echo-stream-state.before之前，但是在访问它时遇到问题。 但是无论如何，下面我已经开始使用的代码将考虑您对GM_addStyle所做的工作。 再次感谢。

function paused (zEvent) {
    return false;
}

function pause_click () {

    if (this.checked) {
        unsafeWindow.jQuery (\"div.echo-item-content\").bind (\"mouseout\",paused);
        unsafeWindow.jQuery (\"div.echo-item-content:first\").mouseover ();
    }
    else {
        unsafeWindow.jQuery (\"div.echo-item-content\").unbind (\"mouseout\",paused);
        unsafeWindow.jQuery (\"div.echo-item-content:first\").mouseout ();
    }
}

function add_pause_checkbox() {

  unsafeWindow.jQuery (\".echo_sort_down\").after(\"<span style=\'position:relative;  top:-3px; margin-left:500px;\'><input  type=\'checkbox\' name=\'pause_gm\' id=\'pause_gm\' value=\'Pause\' onClick=\'pause_click()\' /><span style=\'position:relative; top:-2px;\'>Pause</span></span>\");

  unsafeWindow.jQuery (\"#pause_gm\").click(pause_click);
}

unsafeWindow.jQuery (document).ready(add_pause_checkbox);