0

私はjQueryの初心者で、HTMLに多くのタグを追加したいのですが、それについて知りません。

これは私の jQuery コードで、エラーが発生します。

var msg = "mamaly"
var addmsg = 
    '<li class="me dark-gray massage">
        <div class="content"><span class="type-text">' + msg + '</span></div>
        <div class="in-border"></div>
        <div class="l-arrow"></div>
        <div class="status failed" style="display:block;">
            <span class="status-text">Sending Failed</span>
        </div>
    </li>';
$('#timeline ul').append(addmsg);

それについて私を案内してください。

4

2 に答える 2

2

JavaScript では、文字列を改行して記述すると、連続した文字列とは見なされません。addmsgこれは、変数を宣言する際に犯した間違いです。


可能な解決策:

1)新しい行にある連続する文字列値を演算子で連結します(各行の終わりと次の行の先頭に +注意してください[利点: 読みやすくなります] [欠点: 文字列を連結するときに少しパフォーマンスが低下します]' +'

var addmsg = 
    '<li class="me dark-gray massage">' +
        '<div class="content"><span class="type-text">' + msg + '</span></div>' +
        '<div class="in-border"></div>' +
        '<div class="l-arrow"></div>' +
        '<div class="status failed" style="display:block;">' +
            '<span class="status-text">Sending Failed</span>' +
        '</div>' +
    '</li>';

また

2)改行なしで同じ行に文字列を書きます
[利点: 文字列を連結するよりもパフォーマンスが少し向上します]
[欠点: 長い文字列は読みにくくなります]

var addmsg = '<li class="me dark-gray massage"><div class="content"><span class="type-text">' + msg + '</span></div><div class="in-border"></div><div class="l-arrow"></div><div class="status failed" style="display:block;"><span class="status-text">Sending Failed</span></div></li>';



コードの残りの部分 (つまり、最初と最後の行) は変わりません。
これが役に立てば幸いです!!

于 2013-08-18T08:32:11.890 に答える
-1

私の友人、これはあなたではなく正しいコードです。このコードのタンデムを書く必要があります

このような :

var msg = "mamaly"
var addmsg = '<li class="me dark-gray massage"><div class="content"><span class="type-text">' + msg + '</span></div><div class="in-border"></div><div class="l-arrow"></div><div class="status failed" style="display:block;"><span class="status-text">Sending Failed</span></div></li>';
$('#timeline ul').append(addmsg);
于 2013-08-18T06:30:23.753 に答える