使用x可编辑插件时有未捕获的ReferenceError

时间:2016-03-09 19:49:49

标签: javascript jquery twitter-bootstrap-3 x-editable

我正在尝试构建可替换的可编辑元素并获取错误Uncaught ReferenceError: $ is not defined。 这是我的代码

<div class="text-center">
        <div class="col-sm-8 col-sm-offset-2">
            <h2 class="title-one">Why With Us?</h2>
            <p><a href ="#" id="details" data-type="text" data-pk="1" data-url="/post" data-original-title="Enter details">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<a>
            <script>
                $(function(){
                    $('#details').editable({
                    url: '/post',
                    title: 'Enter details'
                    });
                });
            </script></p>
      </div>
</div>

我已经包含了此代码中使用的必备文件。我把脚本放在错误的地方吗?请指导我。

项目链接:http://noeticitservices.com/himu/

提前致谢。

1 个答案:

答案 0 :(得分:1)

这是因为你没有加载jQuery库。

jQuery(以及其他库)使用$全局变量来命名它的功能。

在脚本标记上方添加以下内容,该标记将从CDN下载jQuery:

<script src="https://code.jquery.com/jquery-1.11.3.js"></script>