javascript - jQuery，如何创建复制按钮？

Question

我正在研究这个结构：

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.zclip.js"></script> 
<script language="JavaScript">
    var clip = new ZeroClipboard.Client();
    var myTextToCopy = "Hi, this is the text to copy!";
    clip.setText(myTextToCopy);
    clip.glue('d_clip_button');
</script>
<div id="d_clip_button" style="border:1px solid black; padding:20px;">Copy To Clipboard</div>

但它不起作用，需要你的帮助来解决这个问题。提前致谢！

Answer 1

将您的 jquery 代码包含在document.ready()处理程序中。

$(document).ready(function() {
                var clip = new ZeroClipboard.Client();
                var myTextToCopy = "Hi, this is the text to copy!";
                clip.setText( myTextToCopy );
                clip.glue( 'd_clip_button' );
});

以便等待 DOM 被加载，以便在#d_clip_button从 jquery 访问它时出现您的元素。