ALPACA尝试加载页面时出错

时间:2016-11-07 11:05:36

标签: javascript alpacajs

Uncaught TypeError:$(...)。alpaca不是函数(...)

我在尝试使用羊驼

加载html页面时遇到错误

             

    <!-- alpaca -->
    <script src="//code.cloudcms.com/alpaca/1.5.22/bootstrap/alpaca.min.js"></script>
    <link  href="//code.cloudcms.com/alpaca/1.5.22/bootstrap/alpaca.min.css" rel="stylesheet" />
</head>
<body>
    <div id="form"></div>
     <script type="text/javascript">

            $("#form").alpaca({
                "schema": {
                    "title":"User Feedback",
                    "description":"What do you think about Alpaca?",
                    "type":"object",
                    "properties": {
                        "name": {
                            "type":"string",
                            "title":"Name"
                        },
                        "feedback": {
                            "type":"string",
                            "title":"Feedback"
                        },
                        "ranking": {
                            "type":"string",
                            "title":"Ranking",
                            "enum":['excellent','ok','so so']
                        }
                    }
                }
            });
    </script>
</body>

这是我的代码。

我不知道如何处理错误。

请帮我清除这个错误。

提前致谢

2 个答案:

答案 0 :(得分:2)

jQuery和Handlebars是Alpaca的依赖项。 更新头部应该可以解决问题:

<head>
  <meta charset="UTF-8">
  <title>My Little Alpaca Form</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"> </script>
  <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
  <script src="//code.cloudcms.com/alpaca/1.5.22/bootstrap/alpaca.min.js"></script>
  <link  href="//code.cloudcms.com/alpaca/1.5.22/bootstrap/alpaca.min.css" rel="stylesheet" />
</head>

答案 1 :(得分:0)

请通过替换该行来更新jquery版本

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>