2

我在尝试在 jQuery 中使用 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>

像之前一样

4

4 回答 4

3

此外,IIRC,您必须在调用fadeIn之前为 #note178设置“display: none”,否则您将看不到任何淡入淡出效果。

于 2010-03-15T06:20:04.637 回答
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 字符串中包含文字换行符。因此以下连接多个字符串的语法。

"..." +
"..." +
"..."
于 2010-03-15T11:00:14.520 回答
0

尝试将 main 中的所有双引号更改$("...")为单引号。例如,'note178'

于 2010-03-15T06:16:52.507 回答
0

JavaScript 字符串不能是文字换行符。

alert("12
       34");

给出错误:unterminated string literal

于 2010-03-15T06:50:37.493 回答