2015-04-06 62 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>