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

Question

我正在尝试实现此处的示例：ClassyNotty，我已经为css和js导入了必要的引用。

如果我在chrome控制台中执行$ .ClassNotty，那么可以访问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({ /* ... */ });
});