2010-03-15 46 views
2
我有嘗試使用jQuery中的prependTo()函數的一個問題

使用prependTo()...由於某種原因,我不能讓這個在做工作的時候問題jQuery中

$(" 
<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> 

如前

回答

2

試試這一個。

$("<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字符串字面新的生產線。因此下面連接多個字符串的語法。

"..." + 
"..." + 
"..." 
+0

謝謝,就是這樣......出於某種原因,我不知道ColdFusion有一個函數來轉義Javascript字符串......我覺得自己像一個傻瓜:)謝謝 – raulriera 2010-03-15 15:37:51

0

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

+0

試過了......我只是無法繞過另一個.ajax工作的想法,而不是這個「手工」的方法......兩者在調試時產生相同的代碼......有沒有jQuery文本解析引擎蓋下? – raulriera 2010-03-15 06:45:49

3

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

+0

謝謝,我不知道... – raulriera 2010-03-15 06:22:34

+0

+1 - 夠搞笑 - 我不需要這個網頁上提出的問題的答案......我只需要「display:none」提示! – 2011-09-29 17:28:13

0

JavaScript字符串不能字面換行。

alert("12 
     34"); 

給出了錯誤:unterminated string literal