使用SlickGrid翻转行按钮

Question

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

http://grooveshark.com/#/popular

"Play“和"Options”按钮仅在行鼠标悬停时可见。

我实现的解决方案如下所示：

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

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

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

编辑:我发现我的方法有一个小问题。当上下滚动网格两个屏幕时，切换功能丢失。可能是因为SlickGrid正在销毁并重新创建表行。我也许可以用实况事件来解决这个问题。同样，这是一个好的解决方案，还是有更好的方法来解决这类问题？

Answer 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" });
        }
    });

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