jquery - データメッセージを div に渡す

Question

データ メッセージを div に渡そうとしています。現在の設定は次のとおりです。

html

<a data-message="my message" href="www.site.com">Click here</a>

<div class="new-window" style="display: none;">
    <p>(message should be here)</p>
</div>

js

$('a[data-message]').click(function(){
    $('.new-window').fadeIn(300).text($('.new-window p').data('message'));
    return false;
});

Answer 1

使用する

$('a[data-message]').click(function(){

    var message = $(this).data('message');
    $('.new-window').fadeIn(300)
                    .find('p')
                    .text( message );

    return false;
});

http://jsfiddle.net/gaby/cMkKY/のデモ

Answer 2

これがあなたがする必要があることです：

html

<a data-message="my message" href="www.site.com">Click here</a>

<div class="new-window" style="display: none;">
    <p>(message should be here)</p>
</div>

js

$('a[data-message]').click(function(){
    $('.new-window').fadeIn(300).text($('a[data-message]').data('message'));
    return false;
});

詳細な説明: 存在しない場所である .new-window p の data-message を参照していました。

Answer 3

フェードインの呼び出しの後、.text($(this).attr('data-message')); に置き換えます。または .text($(this).data('message'));

ターゲット div ではなく、アンカーの属性から値を取得します。