javascript - ZeroClipBoard 力手光标？全局配置不起作用

Question

嗨，我刚刚开始使用 ZeroClipBoard，所以我仍在适应它。我可以使用它，但是我一生都无法在元素悬停时获得手形光标图标。每次我将鼠标悬停在剪辑元素上时，我也会在控制台中收到错误:未捕获错误:在 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 { 背景颜色:#eee; }

d_clip_button.zeroclipboard-is-active { 背景颜色:#aaa; }

请参阅CSS效果下的zeroclipboard文档的更多详细信息，网址为https://github.com/zeroclipboard/zeroclipboard/blob/master/docs/instructions.md

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