使用 SlickGrid 翻转行按钮答案

【问题标题】：Rollover row buttons with SlickGrid使用 SlickGrid 翻转行按钮
【发布时间】：2011-11-02 16:29:45
【问题描述】：

使用 SlickGrid，我想为每一行添加一个删除按钮。但我只想在用户将鼠标悬停在该行上时显示该按钮。这种效果的一个很好的例子可以在这里看到：

“播放”和“选项”按钮仅在鼠标悬停时可见。

我实现的解决方案是这样的：

  $(".slick-row").hover(
    function () {
      $(this).find(".deletelink").css({"visibility": "visible"});          
    },
    function () {
      $(this).find(".deletelink").css({ "visibility": "hidden" });
    }
  );

它有效，但这是最简单/推荐的方法吗？我是 SlickGrid 的新手，当内置方法无法满足我的需要时，我仍然不确定如何与网格交互。

操作 SlickGrid 元素是个好主意吗？ $(".slick-row") 使用 jQuery？或者有更好的方法吗？

编辑：我发现我的方法有一个小问题。上下滚动网格几个屏幕时，切换功能会丢失。大概是因为 SlickGrid 正在破坏和重新创建表格行。我也许可以使用现场活动来解决这个问题。同样，这是一个好的解决方案还是有更好的方法来解决这类问题？

【问题讨论】：

标签： jquery slickgrid grooveshark

【解决方案1】：

改用这个

$('.slick-row').live('mouseover mouseout', function (event) {
        if (event.type == 'mouseover') {
            $(this).find(".deletelink").css({"visibility": "visible"}); 
        } else {

             $(this).find(".deletelink").css({ "visibility": "hidden" });
        }
    });

在这里效果很好，即使在上下滚动网格几次之后

【讨论】：