2016-10-02 10 views
-2

後に私は私のプロジェクトでjQueryを、アンダースコアとBACKBONE.JSを使用しています :欠落している)は、引数リスト

underscore.js:(Line number-1442) Uncaught SyntaxError: missing) after argument list.

として、私はエラーを取得していますで、この奇妙な問題に直面しています。私が別のビューの中でビューをレンダリングしようとすると、私は上記の問題を抱えています。以下は私のコードスニペットです。

私のコードが自分のhtmlファイルからテンプレートを取得しようとしているとき、私は正確にエラーになります。すなわち、MailListViewのレンダリング方法の第1行にある。ビューを入れ子にする場合に備えて、より多くの変数を渡す必要がありますか?それはバージョンや何かに関連していますか?

HTMLコード------------------------

<!doctype html> 
<html> 
<head> 
    <meta charset="UTF-8"> <!--Character encodinng--> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>My App</title> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
    <link href="css/css.css" rel="stylesheet"> 
    <link href="css/fontawesome.min.css" rel="stylesheet"> 
</head> 
<body> 
<nav class="navbar navbar-inverse no-margin no-radius"> 
    <div class="container"> 
     <a class="navbar-brand" href="#">New Mail</a> 
     <div class="navbar-collapse collapse"> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li><a href="#">About Us</a></li> 
       <li><a href="#">Join Us</a></li> 
       <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Learn More</a></li> 
       <ul class="dropdown-menu"> 
        <li class="dropdown-header">Yo Yo Header</li> 
        <li><a href="#">Java</a></li> 
        <li><a href="#">C++</a></li> 
        <li class="divider"></li> 
        <li><a href="#">Java Script</a></li> 
        <li><a href="#">CSS</a></li> 
       </ul> 
      </ul> 
     </div> 
     <div class="navbar-right navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
      <span class="glyphicons glyphicons-option-vertical"></span> 
     </div> 
    </div> 
</nav> 
<div class="container"> 
    <div class="row"> 

    </div> 
</div> 

</body> 
<script type="text/template" id="temp_mailsender"> 
    <div class="col-sm-12 fa-border"> 
     <div class="navbar navbar-inverse no-margin no-radius"> 
      <a class="navbar-brand">New Message</a> 
      <a class="navbar-brand pull-right">&times;</a> 
     </div> 
     <div class="col-sm-12 sendlist border-bottom-1 no-padding"> 
      <div class="col-sm-1">To</div><div class="bucket"></div> 
      <div class="col-sm-10 no-padding currentmail" contenteditable="true" tabindex="1"></div> 
      <div class="col-sm-1 text-right">Cc Bcc</div> 
     </div> 
     <div class="col-sm-12 subject border-bottom-1 no-padding"> 
      <div class="col-sm-1">Subject</div> 
      <div class="col-sm-11 no-padding" contenteditable="true" tabindex="1"></div> 
     </div> 
    </div> 
</script> 
<script type="text/template" id="temp_maillist"> 
    <span>Hi There</span> 
    <%_.each(data,funtion(item){%> 
    <%console.log(item)%> 
     <%=item%> 
    <%})%> 
</script> 
<script src="js/jquery.js"></script> 
<script src="js/underscore.js"></script> 
<script src="js/backbone.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/script.js"></script> 

</html> 

--------バックボーン - JAVASCRIPT- --as-in - script.js ------

+0

私はunderscore.jsを使用したことがないが、自分のサイト上で、彼らはあなたが '<%_。各(データ、目的球(アイテム){%>'にタイプミスがあり、それはNode.jsの – blackpen

+1

を必要としていることを言って、 –

+0

ありがとうございました。それは問題でした。OOps :) – Gautam

答えて

0

したがって、私が間違ってfunctionの代わりにfuntionをタイプした関数呼び出しで問題が発生しました。

<script type="text/template" id="temp_maillist"> 
    <span>Hi There</span> 
    <%_.each(data,funtion(item){%> 
    <%console.log(item)%> 
     <%=item%> 
    <%})%> 
</script> 
+0

これはマーク。左にチェックマークをクリックすることで、この答えを「受け入れる」ことを忘れないでください。問題は解決されました。 – halfer

0

bodyタグを閉じた後にスクリプトが配置されますが、これは無効です。直前に配置します。これはあなたのスクリプトがうまくいかない理由です。

+0

良いキャッチだけど、大部分のブラウザはそれを修正するので、失敗しません。 –

+0

実際に問題がテンプレート内のタイプミスであった(関数呼び出しが間違っている) Gautam

関連する問題