採用新的生產線在JavaScript的jQuery

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)