0

私は次の（確かにひどく書かれた）コードでタイトルが言うことをやろうとしています：

$('.right').append($('<li class="btn log-out-button"><a data-method="delete" data-remote="true" format="json" href="' + data.log_out_path + '" class="standout-primary" rel="no-follow>Sign Out</a></li>

私は一生、何が間違っているのかを理解することはできませんが、表示されるのは次の HTML だけです。

<li class="btn log-out-button></li>

文字列に記述した内部 HTML を無視するのはなぜですか?

4

1 に答える 1

1

あなたはこのコードを持っています

$('.right').append($('<li class="btn log-out-button"><a data-method="delete" data-remote="true" format="json" href="' + data.log_out_path + '" class="standout-primary" rel="no-follow>Sign Out</a></li>

がありませんbarces/quotes。代わりに、このクリーンなアプローチを試してください

var link = $('<a/>', {
    'data-method':'delete',
    'data-remote':'true',
    'format':'json',
    'href': data.log_out_path, // make sure you have 'data' in current scope
    'class':'standout-primary',
    'rel':'no-follow',
    'text':'Sign Out'
});
var li = $('<li/>', { 'class':'btn log-out-button' }).append(link);
$('.right').append(li);

ここに例があります。

于 2013-10-18T00:00:15.060 に答える