ZeroClipBoard forceHandCursor？全局配置不起作用

Question

您好我刚刚开始使用ZeroClipBoard，所以我仍然适应它。我有它工作，但我不能为我的生活得到元素悬停的手形光标图标。每当我悬停一个clip元素时，我也在控制台中出现错误：Uncaught Error：在NPObject上调用方法时出错。

以下是该项目的链接：http://git-cheatsheet.com/

这是我的代码：

ZeroClipboard.config({ forceHandCursor: true });
var client = new ZeroClipboard( gitSnip );

    client.on( "ready", function( readyEvent ) {
    client.on( "copy", function (event) {
      var clipboard = event.clipboardData;
      clipboard.setData( "text/plain" );
    });

    client.on( "aftercopy", function( event ) {

        $(".overlay").fadeIn().addClass('active');
        setTimeout(function(){
            $(".overlay").fadeOut().removeClass('active');
        },1200);
    });
});

Answer 1

要使用CSS自定义按钮，您无法使用通常的伪类：hover或：active您必须使用zeroclipboard子类：.zeroclipboard-is-hover和.zeroclipboard-is-active 。这是因为您在顶部有清晰的Flash元素，阻止了对底层按钮的直接访问。

d_clip_button.zeroclipboard-is-hover {background-color：#eee; }

d_clip_button.zeroclipboard-is-active {background-color：#aaa; }

在https://github.com/zeroclipboard/zeroclipboard/blob/master/docs/instructions.md

的CSS效果下更详细地查看zeroclipboard文档

关于您在控制台中的错误，请查看此回答Uncaught Error: Error calling method on NPObject

Answer 2

这个css适用于ZeroClipboard v2.1.6：

 .zeroclipboard-is-hover { cursor:pointer; }