Question

我正在使用

$('#'+type+'name'+id).hide().html('ghj').fadeIn(150);

哪个工作正常。但是当我使用

时

$('#'+type+'name'+id).hide().html('
A lot of html code
').fadeIn(150);

该功能不再起作用。因为我想保持功能整洁，我想把HTML放在多行。为什么这不起作用？

编辑：仍然不起作用：

function Rename(type,id,content){
$('#'+type+'name'+id).hide().html(' '+
    '   <td height=\"20\" valign=\"middle\">'+
    '       <span onclick=\"RenameDo(\'notify\',\''+id+'\',''+content+'')\">'+
    '           <img title=\"Wijzigen\" class=\"LinkImage\" src=\"/common/images/save.png\">'+
    '       </span>'+
    '   </td>'+
    '   <td valign=\"middle\" rowspan=2>&nbsp;fghfgh</td>'+
' ').fadeIn(150);

}

Answer 1

只需使用+连接长字符串：

$('#'+type+'name'+id).hide().html(' ' + 
'A lot of html code' +
' ').fadeIn(150);

或使用\来换行换行符：

$('#'+type+'name'+id).hide().html('\
A lot of html code\
').fadeIn(150);

<强>更新

对于特定字符串，请使用：

function Rename(type,id,content){
    $('#'+type+'name'+id).hide().html(' '+
        '   <td height="20" valign="middle">'+
        '       <span onclick="RenameDo(\'notify\',\'' + id + '\',\'' + content + '\')">' +
        '           <img title="Wijzigen" class="LinkImage" src="/common/images/save.png">'+
        '       </span>'+
        '   </td>'+
        '   <td valign="middle" rowspan=2>&nbsp;fghfgh</td>'+
    ' ').fadeIn(150);
}

Answer 2

有两种方法可以做到这一点，“无论如何都有效的黑客方式”，以及“正确的方式”。

黑客方式：

$("#"+type+"name"+id).hide().html("\
A lot of html code\
").fadeIn(150)

说明：通过在行的末尾添加反斜杠，您实际上是“转义”换行符，因此忽略它而不是未终止的字符串常量。

正确的方法：

$("#"+type+"name"+id).hide().html(
"A lot of html code\n"
+"Just adding some more\n"
+"Because whitespace outside of strings is fine."
).fadeIn(150)

在javascript jquery中使用新行

2 个答案: