未捕獲的SyntaxError：意外的令牌。使用ClassNotty

Question

當我試圖實現這個例子在這裏找到：ClassyNotty，我已經導入的CSS和JS必要的引用。

如果我做$ .ClassNotty在Chrome控制檯的JS腳本可以訪問，任何想法？

<h:head> 
    <script src="#{request.contextPath}/resources/js/jquery.classynotty.min.js"></script> 
    <link rel="stylesheet" href="#{request.contextPath}/resources/css/jquery.classynotty.min.css"></link> 
</h:head> 

---

<div> 
    <a id="sample1" href="#">Messages!</a> 
    <script> 
    $(document).ready(function(){ 
    $("#sample1").click({ 
     $.ClassyNotty({ 
      title : 'Title', 
      content : 'This is a notification' 
      }); 
     }); 
    });     
    </script> 
</div> 

Answer 1

該錯誤是因爲.click()參數是一個對象文字，{...}，其預計將包含key: value雙而不是像$.ClassyNotty(...)語句。

$("#sample1").click({ 
    $.ClassyNotty({ /* ... */ }); 
    //^the parser expected a `:` here to separate a key and value 
}); 

至.click()的參數應該是一個function代替，這確實允許語句。

$("#sample1").click(function() { 
    $.ClassyNotty({ /* ... */ }); 
});