0

ドロップされているテキストの最後にリンクを追加したいと思います。以下のSpiritfyreとtehlulzの提案で、以下のコードに変更$( "<li class='padding0'></li>" ).text( ...しました。$( "<li class='padding0'></li>" ).html( ...

jQuery ドロップ:

drop: function( event, ui ) {
    $( "<li class='padding0'></li>" ).html( ui.draggable.text() + " <a href='/items/1' data-method='delete' rel='nofollow'><img alt='Delete' src='/images/delete.png?1335803006' /></a>" ).appendTo( this );
}

リンクは引き続きテキストとして表示されます。私は何が欠けていますか？

ありがとう。

4

1 に答える 1

1

.text() の代わりに .html() を使用する必要があります

.html() は一致した要素のセット内の各要素の HTML コンテンツを設定し、.text() は各要素のテキスト コンテンツを設定します。

drop: function( event, ui ) {
    $( "<li class='padding0'></li>" ).html( ui.draggable.text() + " <a href='/items/1' data-method='delete' rel='nofollow'><img alt='Delete' src='/images/delete.png?1335803006' /></a>" ).appendTo( this );
}
于 2012-06-23T03:04:50.760 に答える