看似简单的 javascript 字符串构建

Question

我认为这真的很简单，但我只是为此浪费了一个上午！

var insert = '<div class="main_content_half_panel_circle" id="circle_' + c + '"></div><script type="text/javascript">$("#circle_' + c + '").live("click", function(){ $(".main_content_half_panel_info_wrap").animate("left", ' + c_x + ', 400, "easeOutQuint") });</script>';

在萤火虫中，我不断收到“未终止的字符串文字” - 我尝试了一百种不同的语法，例如-

'$(".main_content_half_panel_info_wrap").animate({"left": ' + c_x + '}, 400, "easeOutQuint") });</script>'

...从头开始重建字符串，将其重建为没有转义字符且不包含变量的直接代码块，然后重新插入'+ c +'等。什么都没有。我是不是代码盲了？

非常感谢任何帮助！

页面位于：

http://www.helicopterfir.com/dev

斯科特

Answer 1

当您在脚本块的字符串中包含</script> 时，浏览器会认为脚本块到此结束。脚本标签只是在其中的代码之前被解析，所以在那个阶段浏览器不知道它在一个字符串中。

在结束标签的中间拆分字符串：

...</scr' + 'ipt>...