jquery - zclip 要素に存在する次のテキストをコピー

Question

次の要素に存在するテキストをコピーしたいのですが、正常に機能しません: http://jsfiddle.net/tj7ZX/8/

$(document).ready(function () {

    $('.copy').zclip({
        path: 'http://www.steamdev.com/zclip/js/ZeroClipboard.swf',
        copy: $(this).next().text(),
        beforeCopy: function () {
            $(this).next().css('background-color', 'grey');
            $(this).children().css('background-position', '-108px -90px');
        },
        afterCopy: function () {
            $(this).children().css('background-position', '-54px -37px');
        }
    });
});

どうしてか分かりません

Answer 1

問題は次の文です。

copy: $(this).next().text()

を呼び出すと1回適用されますzclip。その時点で、 にthis等しくなりdocumentます。つまり、ページの準備が整うとすぐに、当然存在しない次の兄弟のテキスト.copyをコピーするように、every に通知されます。document

必要なことは、がクリックさcopyれるたびに次の要素のテキストを動的に取得できる関数を渡すことです。.copy

copy: function() {
    return $(this).next().text();
}

これが実用的なフィドルです。

Answer 2

の $(this) の代わりにセレクターを試してくださいcopy: $(this).next().text()。