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>';

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

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

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

非常感谢任何帮助!

页面位于:

http://www.helicopterfir.com/dev

斯科特

Answer 1

当你有</script>时在脚本 block 中的字符串内，浏览器认为脚本 block 到此结束。脚本标记只是在其中的代码之前进行解析，因此在该阶段浏览器不知道它位于字符串内。

在结束标记的中间分割字符串:

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