javascript - 使用 ZeroClipboard 悬停时出现黄色边框

Question

我有以下代码为我生成一个 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>

Answer 1

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