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; 
} 

的JavaScript

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

這裏是您的解決方案，我認爲

http://jsfiddle.net/yu1t5g2v/7/

onDomready 

我改變的jsfiddle的菜單選項。

我希望它可以幫助。它必須像jQuery中的「文檔準備好」。