0

我正在使用 twitter 引导框架在我的一个项目中实现 zeroclipboard 功能。我的问题是代码在一页下运行良好，但相同的代码在另一页上不起作用。虽然两个页面都有相同的页眉和页脚，即都使用相同的 jquery 和 css。这两个页面实际上是在两个不同的选项卡下加载的。

任何帮助将不胜感激。

代码是

<html>
<head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"   type="text/javascript"></script>
 <script type="text/javascript" src="ZeroClipboard.js"></script>
 <script type="text/javascript">
    $(function() {  
  setTimeout(function() {
  //create client
  var clip = new ZeroClipboard.Client();
  //event
  clip.addEventListener('mousedown',function() {
  clip.setText(document.getElementById('box-content').value);
  });
  clip.addEventListener('complete',function(client,text) {
  alert('copied: ' + text);
});
 //glue it to the button
 clip.glue('copy');
}, 2000);       
   });


<body>
<textarea name="box-content" id="box-content" rows="5" cols="70">
   Sample text to test clipboard functionality
</textarea>
<p><input style="width:100px; height:40px;" type="button" id="copy" name="copy" value="Copy Text" /></p>
</body>
</html>
4

0 回答 0