ZeroClipboard/ng-clip 호버 - 테이블 내부 버튼에 대한 호버 상태

Question

ZeroClipboard 라이브러리를 사용하는 ng-clip을 사용하고 있습니다. 그러나 복사 할 단추로이 마우스 오버 상태 문제가 있습니다.

테이블 행을 가리킬 때 전체 불투명도로 돌아갑니다. 하지만 버튼을 클릭하면 갑자기 호버 상태가 해제되고 호버 상태가 활성 상태로 유지되지 않습니다.

여기 내 jsfiddle http://jsfiddle.net/meetgodhani/yu1t5g2v/입니다. 그리고 다음은 제 코드입니다.

CSS

.sample-button 
{ 
    opacity:0.3; 
} 

.table-hover>tbody>tr:hover>td .sample-button { 
    opacity:1; 
} 

자바 스크립트

angular.module('clip', ['ngClipboard']); 

function Main($scope) { 
    $scope.copytext = "Copy me !"; 
} 

HTML

<h1> ngClip Example </h1> 
<table class="table table-hover"> 
    <thead> 
     <tr> 
      <th>#</th> 
      <th>Button</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>1</td> 
      <td><a href="#" clip-copy="copytext" class="btn btn-primary sample-button">Button</a></td> 
     </tr> 
    </tbody> 
</table> 

어떤 생각이 어떻게 그것을 해결하기 위해?

도움말 정말 감사하겠습니다.

Answer 1

여기에 내가 JSFiddle의 메뉴 옵션을 변경

onDomready 

http://jsfiddle.net/yu1t5g2v/7/ 생각 솔루션입니다.

는 나는 그것이 도움이 될 수 있기를 바랍니다. 그것은 jQuery에서 "document ready"와 같아야합니다.