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加载，以便从jquery访问它时#d_clip_button元素存在。