简体   繁体   English

尝试加载页面时出现ALPACA错误

[英]ALPACA Error when try to load a page

Uncaught TypeError: $(...).alpaca is not a function(…) 未捕获的TypeError:$(...)。alpaca不是函数(...)

I AM GETTING AN ERROR when trying to load a html page with 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>

this is my codes. 这是我的代码。

i dont know what to do for the error. 我不知道该怎么办的错误。

pls help me to clear this error. 请帮助我清除此错误。

Thanks in advance 提前致谢

jQuery and Handlebars are dependencies for Alpaca. jQuery和Handlebars是Alpaca的依赖项。 Updating the head to this should do the trick: 将头更新为此应该可以解决问题:

<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>

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

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM