Twitter bootstrap 在twitter引导框架中实现zeroclipboard功能_Twitter Bootstrap_Zeroclipboard

Twitter bootstrap 在twitter引导框架中实现zeroclipboard功能

twitter-bootstrap

Twitter bootstrap 在twitter引导框架中实现zeroclipboard功能,twitter-bootstrap,zeroclipboard,Twitter Bootstrap,Zeroclipboard,我正在使用twitter引导框架在我的一个项目中实现zeroclipboard功能。我的问题是，代码在一个页面下运行良好，但相同的代码在另一个页面上不工作。虽然这两个页面都有相同的页眉和页脚，即都使用相同的jquery和css。这两个页面实际上加载在两个不同的选项卡下任何帮助都将不胜感激代码是 <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.mi

我正在使用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);       
   });


$（函数（）{
setTimeout（函数（）{
//创建客户端
var clip=新的ZeroClipboard.Client（）；
//事件
clip.addEventListener（'mousedown'，function（）{
clip.setText（document.getElementById（'box-content'）.value）；
});
clip.addEventListener（'complete'，函数（客户端，文本）{
警报（'复制：'+文本）；
});
//把它粘在钮扣上
剪贴胶（“拷贝”）；
}, 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>