表格内按钮的 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 中的“文档就绪”。