如何讓項目在骨幹上懸停時可見？

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'); 
}, 

如果這樣的作品它應該很容易適應你的代碼。