使用 ZeroClipboard 悬停时的黄色边框答案

【问题标题】：Yellow border on hover using ZeroClipboard使用 ZeroClipboard 悬停时的黄色边框
【发布时间】：2014-05-13 08:32:09
【问题描述】：

我有以下代码为我生成 ZeroClipboard 元素：

RunClipboardClient: function (elementSelector) {
    var client = new ZeroClipboard($(elementSelector));

    client.on("load", function (client) {
        client.on("datarequested", function (client) {
            client.setText("Text here");
        });

        client.on("complete", function (client, args) {
            $("#ActiveMenu").hide();
        });
    });
}

我将它与jQuery Context Menus 开放事件结合使用。问题是当我第二次打开上下文菜单时，元素周围有一个奇怪的黄色边框。

我尝试将outline: none 应用于样式，但它没有删除边框。这是我在生成上下文菜单时运行的代码：

$(".MenuSmall").destroyContextMenu();

$(".MenuSmall").contextMenu(
    { menu: 'ActiveMenu' },
    // On item clicked
    function (action, element) {
        // Run Menu Item action
    },
    // On close
    function () {
        // Run other code
    },
    // On open
    function (event) {
        self.RunClipboardClient("#pdf_link");
    }
);

这是用于上下文菜单的 HTML

<ul id="ActiveMenu">
    <li class="MenuPDFLink CustomMenuOption" id="pdf_link"><div class="iconsBlack PDFLink"></div> <a href="#">Link til PDF</a></li>
</ul>

【问题讨论】：

标签： javascript css flash zeroclipboard

【解决方案1】：

在创建这个问题后，我尝试在 client complete 事件上使用 ZeroClipboard.destroy(); 解决了问题！

【讨论】：