JQuery QueryBuilder无法正常工作

前端之家收集整理的这篇文章主要介绍了JQuery QueryBuilder无法正常工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在 HTML页面中使用了 JQuery QueryBuilder.我遵循了 installation guide.我的HTML头包括以下内容 @H_502_2@<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>

我的身体有

@H_502_2@<div id="builder"></div>

但是当我使用时

@H_502_2@<script> $('#builder').queryBuilder({ filters: [ ... ] }); </script>

我的Chrome控制台说

@H_502_2@query-builder.standalone.js:437 Uncaught TypeError: Cannot set property 'queryBuilder' of undefined

我所有的凉亭组件都安装得当.

我究竟做错了什么?

解决方法

将脚本移动到构建器div元素下面 @H_502_2@<div id="builder"></div> <script> $('#builder').queryBuilder({ filters: [{id:1}] // You need to implement this }); </script>

或者使用Jquery document.ready

@H_502_2@$(document).ready(function(){ $('#builder').queryBuilder({ filters: [{id:1}] // You need to implement this }); })

猜你在找的jQuery相关文章