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中的“document ready”。