从jsf / primefaces复制文本到剪贴板并不总是有效

Question

从jsf / primefaces 复制文本到剪贴板的分辨率here工作原样，但似乎有一些问题，请在下面找到我的代码：

    <h:outputScript library="default" name="js/jquery-1.9.1.min.js"/>
    <h:outputScript library="default" name="js/jquery.zclip.min.js"/>
    <script type="text/javascript">
    $(document).ready(function(){

    $('a#copy_coupon_code').zclip({
        path:"#{resource['default:js/ZeroClipboard.swf']}",
        copy:$('span#offer_details_form:coupon_code').text()
    });
    });
    </script>                    
<h:outputText id="coupon_code" value="ABCD11" />
<a id="copy_coupon_code" href="#">Copy coupon and redirect</a> 

这是代码在浏览器中的显示方式：

复制到剪贴板不起作用，非常感谢任何帮助.....

Answer 1

这是集成JSF和jQuery的一个众所周知的问题，因为jsf使用冒号:字符来表示组件的id，而冒号:字符是特殊字符（冒号{{1}保留给jQuery选择器）所以你必须通过在它前面放置两个反斜杠来逃避：

:

我刚刚测试过并且工作正常（从here下载zClip）：

$('span#offer_details_form\\:coupon_code')

和结果：