항목을 백본에서 마우스로 가리켜 표시되게하려면 어떻게해야합니까?

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

그게 정상적으로 작동하는 경우 코드에 쉽게 적응할 수 있습니다.