看似簡單的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>在腳本塊中的字符串中，瀏覽器認爲腳本塊僅止於此。腳本標記在其內部的代碼之前被簡單地解析，所以在那個階段瀏覽器不知道它在一個字符串內。

斯普利特串起來，中間的結束標記：

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