zClip 和多个按钮的性能问题答案

【问题标题】：Performance issue with zClip and multiple buttonszClip 和多个按钮的性能问题
【发布时间】：2013-08-13 09:21:49
【问题描述】：

我在我的页面上添加了 zClip，效果很好。我的页面目前有 100 个可将文本放在剪贴板上的按钮（要求）。

很遗憾，这会导致页面加载时出现性能问题。目前我使用如下代码。

$('.myClass').each(function(){
    $(this).zclip({
        path :  '/script/ZeroClipboard.swf',
        copy : function(text){
                return "Some Text";
            }
    });
});

使用 Zeroclipboard，我在完全相同的实现中没有性能问题。是否有任何解决方法或可以解决此问题的方法？

【问题讨论】：

也许在按下按钮后立即绑定和运行 zlip 而不是用循环将它们全部绑定是一种解决方法。这可能吗？
我没有在加载页面上加载 100 个 zclip，而是创建了一个 mouseover 处理程序来在用户用鼠标移过按钮时加载 zclip。不幸的是，当用户在加载 zclip 之前设法按下时，这并不总是有效。

标签： jquery zeroclipboard zclip

【解决方案1】：

刚刚遇到同样的问题。将其更改为在元素的鼠标悬停时将 zclip 加载到元素中。应该可能向元素添加检查/标志，这样它就不会多次加载到元素上。

$('.myClass').on("mouseover", function(){
    $(this).zclip({
        path :  '/script/ZeroClipboard.swf',
        copy : function(text){
                return "Some Text";
            }
    });
});

【讨论】：

【解决方案2】：

$(".myClass").click(function(){
    $(this).zclip({ 
        path: "/script/ZeroClipboard.swf",
        copy : function(text){
                return "Some Text";
        }
    });
});

【讨论】：

和我写的有区别吗？