Состояние наведения ZeroClipboard/ng-clip для кнопки внутри таблицы

Question

Я использую нг-клип, который использует библиотеку ZeroClipboard. Но у меня возникла проблема с парящим состоянием с кнопкой для копирования.

При наведении на строку таблицы он возвращается к полной непрозрачности. Но когда я нажимаю кнопку, она внезапно удаляет состояние наведения, а состояние наведения не остается активным.

Вот мой 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.