如何让项目在骨干上悬停时可见？

Question

我想获得一个视图，当用户滚动它时可见，但我遇到了麻烦。 这里是查看：

events: { 
    "mouseenter": "showOptions", 
    "mouseleave": "hideOptions", 
}, 

showOptions: function() { 
    $(this.el).find(".update-delete").addClass("visible"); 
}, 

hideOptions: function() { 
    $(this.el).find(".update-delete").removeClass("visible"); 
}, 

下面是相关的CSS：

.update-delete { 
    display: inline-block; 
    margin-left: 5px; 
    font-weight: bold; 
    color: #777777; 
    visibility: hidden; 
} 

.visibile { 
    visibility: visible; 
} 

类最初的设置有能见度为隐藏。悬停时，可见性不会改变，但。

Answer 1

我摆脱visibility CSS和使用display和$.show/hide代替：

.update-delete { 
    display: inline-block; 
    margin-left: 5px; 
    font-weight: bold; 
    color: #777777; 
    display: none; 
} 

showOptions: function() { 
    $(this.el).find(".update-delete").show() 
}, 

hideOptions: function() { 
    $(this.el).find(".update-delete").hide(); 
}, 

如果你必须在可视性，请尝试以下第一：

showOptions: function() { 
    $(this.el).find(".update-delete").css('visibility', 'visible'); 
}, 

hideOptions: function() { 
    $(this.el).find(".update-delete").css('visibility', 'hidden'); 
}, 

如果这样的作品它应该很容易适应你的代码。