問題jQuery中

Question

我有嘗試使用jQuery中的prependTo（）函數的一個問題

使用prependTo（）...由於某種原因，我不能讓這個在做工作的時候

$(" 
<div id="note178" class="note"> 
<div class="delete"><a href="/chart-notes/delete/178" onclick="$.ajax({ dataType: 'script', url: '/chart-notes/delete/178'}); return false;"><img src='/images/icons/delete.png'></a></div> 
<div class="timestamp">1 minute ago </div> 
<div class="content">ñasdas dasdasdasd conclusión</div> 
</div> 
").prependTo(".notes").fadeIn("slow"); 

雖然像這樣，它工作正常

$.ajax({ 
    url:'/chart-notes/show/<cfoutput>#chartnote.id#</cfoutput>', 
    success: function(data) { 
    $(data).prependTo(".notes").fadeIn("slow"); 

    // Scroll to the top of the annotations 
    $('html, body').animate({scrollTop: $(".notes").offset().top}, 1000); 

    // Clear the form 
    $('#chartnote-notes').val(""); 
    } 
}); 

從成功功能的「數據」的反應是相同

<div id="note178" class="note"> 
<div class="delete"><a href="/chart-notes/delete/178" onclick="$.ajax({ dataType: 'script', url: '/chart-notes/delete/178'}); return false;"><img src='/images/icons/delete.png'></a></div> 
<div class="timestamp">1 minute ago </div> 
<div class="content">ñasdas dasdasdasd conclusión</div> 
</div> 

如前

Answer 1

試試這一個。

$("<div id=\"note178\" class=\"note\"> "+ 
" <div class=\"delete\"><a href=\"/chart-notes/delete/178\" onclick=\"$.ajax({ dataType: 'script', url: '/chart-notes/delete/178'}); return false;\"><img src='/images/icons/delete.png'></a></div> "+ 
" <div class=\"timestamp\">1 minute ago </div> "+ 
" <div class=\"content\">ñasdas dasdasdasd conclusión</div> "+ 
"</div>").prependTo(".notes").fadeIn("slow"); 

你需要逃脫雙引號，你不能在JavaScript字符串字面新的生產線。因此下面連接多個字符串的語法。

"..." + 
"..." + 
"..." 

Answer 2

嘗試將主$("...")中的所有雙引號更改爲單引號。例如，'note178'

Answer 3

此外，IIRC，你必須設置：調用淡入之前「顯示無」爲＃note178，否則你不會看到任何淡入淡出效果。

Answer 4

JavaScript字符串不能字面換行。

alert("12 
     34"); 

給出了錯誤：unterminated string literal