1

zclip を使用して、html テーブルの本文からテキストをコピーしようとしています。簡単なことである必要があります（たとえば、段落のテキストをコピーできますが、表の本文のテキストはコピーできません）。私が間違っていることは何か分かりますか？フィドルコードは次のとおりです。

http://jsfiddle.net/LNd6p/5/

<button id="copy-description">Copy table data</button>
&nbsp;
<table>
    <thead><tr><th>Q1</th><th>Q2</th><th>Q3</th></tr></thad>
        <tbody id="surveyResultsTable"><tr><td>Blah1</td><td>Blah2</td><td>Blah3</td>  </tr></tbody>
    </table>|

Javascript:

$(document).ready(function(){
    //copy the contents of surveyResultTable
    $('#copy-description').click(function(){
        $('#copy-description').zclip({
            path:'http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf',
            copy:function(){return $('#surveyResultsTable').text();}
        });
    });
});

編集 ローカルで機能しない理由がわかりません。ファイルとして実行しようとしています (つまり、localhost Web サーバーを介して提供されません)。

html ファイルの正確なコードは次のとおりです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head><script type="text/javascript" src="head.load.min.js"></script></head>
<body>
  <button id="copy-description">Copy table data</button>
  &nbsp;
  <table>
    <thead><tr><th>Q1</th><th>Q2</th><th>Q3</th></tr></thead>
    <tbody id="surveyResultsTable"><tr><td>Blah1;</td><td>Blah2;</td><td>Blah3;</td></tr></tbody>
  </table>
<script type="text/javascript">head.load("jquery-2.1.1.min.js", "jquery.zclip.min.js", "test.js");</script>
</body>
</html>

ここにtest.jsがあります

$('#copy-description').zclip({
  path:'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',
  copy:function(){return $('#surveyResultsTable').text();}
});

これは、同じコードを使用した作業フィドルです (html のヘッド部分が取り除かれています)。http://jsfiddle.net/LNd6p/8/最終的には、これをインターネットに接続されていないタブレットでファイルとして実行する必要があるため、リモートで提供することはできません。Firefox 32 を実行しています。Firebug は JavaScript エラーを出していません。swf ファイルがロードされています (現時点ではローカルで提供するつもりはありません) が、クリックしても何も起こりません。file:///D:/projets/test.htmlブラウザのアドレスバーで、これをファイルとして実行しています。IE でも動作しません。テストする Webkit ブラウザがありません。とにかくこれを Firefox で実行するつもりでした。

4

1 に答える 1