Prasun Kumar Chatterjee Ответов: 0

Пример работы в jsfiddle, но не в моем локальном

Edit fiddle - JSFiddle[^]

Это прекрасно работает в JSFiddle. Но это не работает для меня. Пожалуйста, предложите.

HTML-код: 

<!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 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. Но это не работает для меня. Пожалуйста, предложите.

JayantaChatterjee

пожалуйста, оставьте свой код. ссылка не работает....

Prasun Kumar Chatterjee

Спасибо. Я обновил вопрос с помощью кода.

JayantaChatterjee

Я думаю, что вам не хватает некоторых внешних ссылок на файлы...

Beginner Luck

или расположение внешнего файла неверно
попробуйте codepen, так как он имеет функцию загрузки, которая может загрузить полную рабочую копию

Prateek Dalbehera

Пожалуйста, убедитесь, что внешние файлы (css, js...), на которые вы ссылаетесь, присутствуют в указанных местах.
Кроме того, вы можете сделать F12 после загрузки веб-страницы, чтобы получить реальную причину исключения.

0 Ответов