javascript - 未捕获到的SyntaxError:意外 token 。使用ClassNotty时

我正在尝试实现以下示例：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>

最佳答案

该错误是因为.click()参数是对象文字{...}，它期望包含key: value对，而不是像$.ClassyNotty(...)这样的语句。

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

.click()的参数应改为function，它允许语句。

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