JavaScript在Grails / GSP中不起作用

Question

我有以下JavaScript代碼：

    <script type="text/javascript"><!--
​$(function () {
    $('#add').click(function() {
        $(this).before($('select:eq(0)').clone());
      if ($('select').length > 5) $(this).hide();        
    });
});​
//-->
</script>

這是HTML代碼：

<select name="dropdown">
    <option value="a">Apple</option>
    <option value="b">Bee</option>
    <option value="c">Cat</option>
    <option value="d">Donkey</option>
    <option value="e">Elephant</option>
</select>
<a href="#" id="add">Add</a>

在jsfiddle演示中，它可以正常工作，但不適用於我的gsp。 有什么主意或者我錯過了什么嗎？ 每當我點擊“添加”時，它只會在我的網址上顯示/＃。

我通過檢查元素設法弄清的錯誤消息如下：Uncaught SyntaxError：意外的令牌ILLEGAL

屏幕截圖

Answer 1

嘗試未注釋的版本（不帶<!--和//--> ）：

<script type="text/javascript">
​$(function () {
  $('#add').click(function() {
     $(this).before($('select:eq(0)').clone());
     if ($('select').length > 5) $(this).hide();        
  });
});​
</script>

Answer 2

如果僅將JavaScript放在外部文件中，則可能可以避免此類問題。

Answer 3

<script>塊中可能存在一些非法字符。

您是否從其他地方復制/粘貼了它？ 我建議您將光標放在每一行的開頭和結尾，並刪除所有字符，直到確定沒有不可見的字符為止。

或者刪除整個腳本塊，然后手動重新輸入