javascript - 看似简单的 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>...