2012-02-13 25 views
1

所以我想使用這個插件:zeroclipboard不工作

http://code.google.com/p/zeroclipboard/wiki/Instructions

,基本上可以讓你使用flash動畫招

我做

設置通過JavaScript剪貼板文本
ZeroClipboard.setMoviePath('/pathtoswf/zeroclipboard.swf'); 
    var clip = new ZeroClipboard.Client(); 
    clip.setHandCursor(false); 
    clip.setText('lalalalala'); 
    clip.glue('i_container', 'i_button'); 
    clip.addEventListener('onLoad', function(){ alert('loaded baby'); }); 
    clip.addEventListener('onMouseDown', function(){ alert('mouse is down'); }); 
    clip.addEventListener('onComplete', function(){ alert('text got copied to clipboard'); }); 

使用html

<div id="i_container" style="position:relative"> 
<div id="i_button"> 
Something 
</div> 
</div> 

zeroclipboard JS加載就好

所以當我運行它,它會提醒「裝寶貝」就好使閃光燈也被罰款顯示但是當我點擊「東西」文本它沒有警報鼠標關閉也不會提醒文本被複制到剪貼板,文本也不會被複制到剪貼板

我做錯了什麼?

+2

請問您的頁面滾動?在JS加載後滾動時,零剪貼板有問題。 – powtac 2012-02-13 23:10:10

回答

8

您是否從磁盤上的本地文件運行?正如它說here,由於Adobe的安全限制,零剪貼板可能無法從本地磁盤上工作。您可能需要有一個http://https://網址。

您可以通過打開here並將本地「ZeroClipboard.swf」文件的路徑添加到可信文件列表來解決此問題。您也可以嘗試「全部允許」選項。

說了上文,當我將它安裝在我的開發環境中時,我沒有做任何這些!我只是使用wiki instructions中提供的「完整示例」對其進行測試。我將.swf文件粘貼在與網頁本身相同的目錄中,並且工作正常。也許首先嚐試簡化的剪切和粘貼測試。

該演示示例還有function(client){...,其中您的addEventListener處理程序只有function(){...。這可能會解釋爲什麼你沒有得到關於onMouseDown和onComplete的警報,儘管我不確定警報爲onLoad工作的原因。

0

對我來說它的工作原理,當我初始化的zeroclipboard客戶端上的文件準備

... 
<script> 
    $(document).ready(function() { 
     var client = new ZeroClipboard($('#buttonId'), { 
      moviePath : 'util/ZeroClipboard.swf' 
     }); 
    }); 
</script> 
... 

將在cplipboard複製輸入文本的內容,對我來說,還曾爲本地主機