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 回答