zClip - 僅複製可見文本

Question

嘿希望這是一個簡單的解決方案：

在我希望能夠只通過ID =「說明」中是可見的文本複製按鈕的點擊。我究竟做錯了什麼？

HTML：

<p id="description"> Test <span style="display:none">test2</span></p> 
<button type="button" id="copy-description">Click Me!</button> 

的jQuery：

<script type="text/javascript" src="js/jquery.zclip.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 

$('#copy-description').zclip({ 
    path:'js/ZeroClipboard.swf', 
    copy:$('p#description').text() 
}); 

// The link with ID "copy-description" will copy 
// the text of the paragraph with ID "description" 


$('a#copy-dynamic').zclip({ 
    path:'js/ZeroClipboard.swf', 
    copy:function(){return $('input#dynamic').val();} 
}); 

// The link with ID "copy-dynamic" will copy the current value 
// of a dynamically changing input with the ID "dynamic" 

}); 

</script> 

Answer 1

它需要像一個p標籤父標籤，然後調用跨度標籤內可見。

HTML：

<p id="description"> 
    <span id=""> Test </span> 
    <span style="display:none; visibility:hidden;">test2</span> 
</p> 

的jQuery：

$('#copy-description').zclip({ 
    path:'js/ZeroClipboard.swf', 
    copy:$('#description span:visible').text() 
});