示例在jsfiddle中工作但不在我的本地工作 [英] Sample working in jsfiddle but not in my local
本文介绍了示例在jsfiddle中工作但不在我的本地工作的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
编辑小提琴 - JSFiddle [ ^ ]
这在JSFiddle中工作正常。但这不适合我。请建议。
HTML代码：
Edit fiddle - JSFiddle[^]
This is working fine in JSFiddle. But this is not working for me. Please suggest.
HTML Code:
<!DOCTYPE html>
<html>
<head>
<title>Conditions Demo</title>
<!--http://jsfiddle.net/oz6t0boo/1/-->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="css/query-builder.css" />
<script src="js/query-builder.js"></script>
<script src="js/query-builder-new.js"></script>
</head>
<body>
<div id="container" class="container search-template">
<div id="content">
<div id="builder"></div>
<form role="form" method="post" id="query-builder-form">
<div class="btn-group">
<input type="button" class="btn btn-warning reset" value="Reset" />
<input type="button" class="btn btn-primary parse-sql" value="Run" />
</div>
<hr />
<textarea class="form-control json-parsed" rows="10" id="json-parsed" name="json-parsed" readonly></textarea>
<hr />
<textarea class="form-control sql-parsed" rows="10" id="sql-parsed" name="sql-parsed" readonly></textarea>
</form>
</div>
</div>
</body>
</html>
JavaScript：
JavaScript :
// JavaScript Document
// + - + - + - + - + - + - + - + - + - + - + - + - + - + -
// + - + - + - + - + - + - + - + - + - + - + - + - + - + -
$('#builder').queryBuilder({
sortable: true,
filters: [{
id: 'core_ID',
type: 'integer',
operators: ['equal', 'not_equal', 'in', 'not_in']
}, {
id: 'store_id',
label: 'Store ID',
type: 'string',
operators: ['equal', 'not_equal', 'in', 'not_in']
}]
});
// set rules
$('#builder').queryBuilder('setRules', {
"condition": "AND",
"rules": [{
"id": "core_ID",
"field": "core_ID",
"type": "integer",
"input": "text",
"operator": "in",
"value": "1240"
}]
});
// reset builder
$('.reset').on('click', function() {
$('#builder').queryBuilder('reset');
$(".json-parsed").empty();
$(".sql-parsed").empty();
});
// get rules & SQL
$('.parse-sql').on('click', function() {
// JSON
var resJson = $('#builder').queryBuilder('getRules');
$(".json-parsed").html(JSON.stringify(resJson, null, 2));
// SQL
var resSql = $('#builder').queryBuilder('getSQL', false);
$(".sql-parsed").html(resSql.sql);
});
// result
$(document).ready(function() {
$(".parse-sql").trigger("click");
});
还包括 -
[ ^ ]
[ ^ ]
[ ^ ]
和Jquery
我的尝试：
这是在JSFiddle工作得很好。但这不适合我。请建议。
Also included -
[^]
[^]
[^]
and Jquery
What I have tried:
This is working fine in JSFiddle. But this is not working for me. Please suggest.
推荐答案
（'＃builder'）。queryBuilder（{
sortable：true，
过滤器：[{
id：'core_ID'，
类型：'整数'，
运算符：['等于'，'not_equal'，'in'，'not_in']
}，{
id：'store_id'，
label：'商店ID'，
类型：'string'，
运算符：['equal'，'not_equal'， 'in'，'not_in']
}]
}）;
//设置规则
('#builder').queryBuilder({ sortable: true, filters: [{ id: 'core_ID', type: 'integer', operators: ['equal', 'not_equal', 'in', 'not_in'] }, { id: 'store_id', label: 'Store ID', type: 'string', operators: ['equal', 'not_equal', 'in', 'not_in'] }] }); // set rules
（'＃builder'）。queryBuilder（'setRules'，{
condition： AND，
规则：[{
id：core_ID，
field：core_ID，
type：integer，
输入：文本，
运算符：在，
值：1240
}]
}）;
//重置生成器
('#builder').queryBuilder('setRules', { "condition": "AND", "rules": [{ "id": "core_ID", "field": "core_ID", "type": "integer", "input": "text", "operator": "in", "value": "1240" }] }); // reset builder
（'。reset'）。on（'click'，function（）{
('.reset').on('click', function() {
这篇关于示例在jsfiddle中工作但不在我的本地工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
