javascript - Grails/GSP で JavaScript が機能しない

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 では動作しません。アイデアはありますか、それとも何かを見逃していますか? 「追加」をクリックするたびに、URLに/＃が表示されます。

要素を調べてわかったエラー メッセージは次のとおりです。 Uncaught SyntaxError: Unexpected token 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> ブロックに不正な文字が含まれている可能性があります。

別の場所からコピーして貼り付けましたか？各行の最初と最後にカーソルを置き、見えない文字がなくなるまですべての文字を削除することをお勧めします。

または、スクリプト ブロック全体を削除し、手動で再入力します。