0

zClipライブラリhttp://www.steamdev.com/zclip/を使用して、テキストをクリップボードにコピーする簡単なスクリプトを作成しました。

<ul>
 <!-- Iterates trough a list of items -->
  <li>

    <script type="text/javascript">
        $(document).ready(function($){
            $('#cpbtn${id}').zclip({
                path:'resources/zclip/ZeroClipboard.swf',
                copy:function(){return $('#cptext${id}').val();}
            });
        });
    </script>

    <input type="hidden" value="userfiles/images/${imageName}" id="cptext${id}"/>
    <a class="btn btn-primary cpbtn" id="cpbtn${id}">Copy URL</a>

  </li>
 <!-- End of iterator -->
</ul>

ただし、<ul><li></li></ul>タグ間では機能しません。を削除すると<ul><li></li></ul>、機能します。タグの間に配置すると、アイテムのリストを反復処理するため、zClipメソッドを除外しようとしましたが、メソッド<ul><li></li></ul>をトリガーする方法がわかりません.zclip();。なにが問題ですか？どこをめちゃくちゃにしたの？

4

2 に答える 2

1

これを試して：

$('ul li').find('a').each(function() {
    // cache jquery var
    var current = $(this);

    current.zclip({
        path: 'resources/zclip/ZeroClipboard.swf',
        copy: function() {
            return current.prev().val();
        }
    });
});​

このzClipメソッドを取り出して、<ul><li></li></ul>一度だけ呼び出します。

于 2012-12-19T10:32:31.277 に答える
0

zClipで生成された要素の位置に問題がありました。

私は入れ<a class="btn btn-primary cpbtn" id="cpbtn${id}">Copy URL</a>ました、<div style="position: relative;"></div>そしてそれは今働いています。

于 2012-12-19T11:31:58.297 に答える