2015-04-06 65 views
-1

我想在我的Wordpress网站上实现zclip来复制一些动态生成的文本的结果。我的代码可以很好地作为独立的带有jQuery的html页面,但它似乎并没有很好地适用于我的Wordpress网站。我已将代码内嵌到我的WP网站上,但按下“复制”按钮时没有任何反应。这是可以工作的独立页面代码。有任何想法吗?jquery不能在Wordpress上工作

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script type="text/javascript" src="http://www.steamdev.com/zclip/js/jquery.zclip.min.js"></script> 

<script type="text/javascript"> 
jQuery(function($) { 
    alert("This code is working."); 
     $("#copybutton").zclip({ 
      path: "http://www.ultrasoundoftheweek.com/scripts/zc/ZeroClipboard2.swf", 
      copy: function() { 
       return $('#result').html(); 
      }, 
      beforeCopy: function() {}, 
      afterCopy: function() { 
       alert('Copy To Clipboard : \n' + $('#result').html()); 
      } 
    }); 
}); 
</script> 

<body> 
<button id="copybutton" > Copy To ClipBoard </button> 
<div id="result">Markosian KA, PaÄ­tian NA, Nalbandian RM. [Relation between the membrane and soluble forms of dopamine beta-monooxygenase]. Biokhimiia. 1990;55:(1)147-54. [<a href="http://www.ncbi.nlm.nih.gov/pubmed/2344453" target="_blank">pubmed</a>]</div> 
</body> 
+0

顺便说一句,我得到了WP“此代码工作”警报,我已确认正确的jQuery版本加载,并且我没有收到控制台错误。 – UltrasoundJelly

回答

0

对于遇到这个问题的任何人,我想通了。代码工作正常,但zclip电影没有放在我的按钮。我能够通过包装在一个div我的按钮和设置位置相对轻松地解决这个问题:

<div style="position:relative"><button id="copybutton" >Copy To ClipBoard </button></div>