我在
HTML页面中使用了
JQuery QueryBuilder.我遵循了
installation guide.我的HTML头包括以下内容
<script src="bower_components/jquery/dist/jquery.min.js"></script> <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> <script src="bower_components/moment/moment.js"></script> <script src="bower_components/jquery-extendext/jQuery.extendext.js"></script> <link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet" type="text/css" /> <link href="bower_components/jQuery-QueryBuilder/dist/css/query-builder.default.css" rel="stylesheet" type="text/css" /> <script src="bower_components/jQuery-QueryBuilder/dist/js/query-builder.standalone.js"></script>
我的身体有
<div id="builder"></div>
但是当我使用时
<script> $('#builder').queryBuilder({ filters: [ ... ] }); </script>
我的Chrome控制台说
query-builder.standalone.js:437 Uncaught TypeError: Cannot set property 'queryBuilder' of undefined
我所有的凉亭组件都安装得当.
我究竟做错了什么?
解决方法
将脚本移动到构建器div元素下面
<div id="builder"></div> <script> $('#builder').queryBuilder({ filters: [{id:1}] // You need to implement this }); </script>
或者使用Jquery document.ready
$(document).ready(function(){ $('#builder').queryBuilder({ filters: [{id:1}] // You need to implement this }); })
原文地址:https://www.jb51.cc/jquery/178088.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。