Uncaught typeerror jQuery- jqGridis not a function

@Тёма ^_^ · Регистрация: 30.10.2011

Author24 — интернет-сервис помощи студентам

Добрый день, возникает такая ошибка - "uncaught typeerror jQuery- jqGridis not a function" при включении темы и добавления контейнера:

Java

1
2
3

  <script src="libs/jquery.js"></script>
 
  <script src="jstree.min.js"></script>

так работает только таблица

Java

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>jqGrid поиск</title>
 
  <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
 
  <link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui.theme.min.css" />
  <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
 
  <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
  <script type="text/javascript" src="js/jquery.jqGrid.min.js"></script>
  <script type="text/javascript" src="js/i18n/grid.locale-ru.js"></script>
   <!-- то для дерева-->
  <link rel="stylesheet" href="style.min.css" />
   
</head>
<body>
 
  <table id="list"></table>
  <div id="pager"></div>
  
  <script type="text/javascript">
  jQuery(document).ready(function(){
    var lastSel;
    jQuery("#list").jqGrid({
      url:'getdata.php',
      datatype: 'json',
      mtype: 'POST',
      colNames:['Пользователь', 'Заметка', 'Дата'],
      colModel :[
        {name:'name', index:'name'},
        {name:'note', index:'note', search : false},
        {name:'date', index:'date', formatter : 'date'},
        ],
      regional: 'ru',
      pager: jQuery('#pager'),
      rowNum:10,
      rowList:[10,20,30],
      sortname: 'id',
      sortorder: "asc",
      viewrecords: true,
      caption: 'Данные пользователей',
      treegrid : 'adjacency',
      /*ondblClickRow: function(id) {
        if (id && id != lastSel) {
          jQuery("#list").restoreRow(lastSel);
          jQuery("#list").editRow(id, true);
          lastSel = id;
        }
      },*/
     // editurl: 'saverow.php'
    }).navGrid('#pager',{view:false, del:false, add:false, edit:false},
      {}, // default settings for edit
      {}, // default settings for add
      {}, // delete instead that del:false we need this
      {closeOnEscape:true, multipleSearch:true, closeAfterSearch:true}, // search options
      {} /* view parameters*/
    ).filterToolbar({});;
  });
    
</body>
</html>

Добавляю этот код

Java

<body>
  <!-- 3 setup a container element -->
  <div id="jstree">
    <!-- in this example the tree is populated from inline HTML -->
    <ul>
      <li>Root node 1
        <ul>
          <li id="child_node_1">Child node 1</li>
          <li>Child node 2</li>
        </ul>
      </li>
      <li>Root node 2</li>
    </ul>
  </div>
  <button>demo button</button>
      <!-- 4 include the jQuery library -->
  <script src="jquery.js"></script>
  <!-- 5 include the minified jstree source -->
  <script src="jstree.min.js"></script>
 <script> 
  $(function () {
    // 6 create an instance when the DOM is ready
    $('#jstree').jstree();
    // 7 bind to events triggered on the tree
    $('#jstree').on("changed.jstree", function (e, data) {
      console.log(data.selected);
    });
    // 8 interact with the tree - either way is OK
    $('button').on('click', function () {
      $('#jstree').jstree(true).select_node('child_node_1');
      $('#jstree').jstree('select_node', 'child_node_1');
      $.jstree.reference('#jstree').select_node('child_node_1');
    });
  });
  </script>

таблица пропадает, ошибку пишет тут jQuery(document).ready(function() - подскажите в чем может быть проблема?

вот полный код:

Java

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>jqGrid поиск</title>
 
  <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
 
  <link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui.theme.min.css" />
  <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
 
  <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
  <script type="text/javascript" src="js/jquery.jqGrid.min.js"></script>
  <script type="text/javascript" src="js/i18n/grid.locale-ru.js"></script>
   <!-- то для дерева-->
  <link rel="stylesheet" href="style.min.css" />
   
</head>
<body>
 
  <table id="list"></table>
  <div id="pager"></div>
  
  <script type="text/javascript">
  jQuery(document).ready(function(){
    var lastSel;
    jQuery("#list").jqGrid({
      url:'getdata.php',
      datatype: 'json',
      mtype: 'POST',
      colNames:['Пользователь', 'Заметка', 'Дата'],
      colModel :[
        {name:'name', index:'name'},
        {name:'note', index:'note', search : false},
        {name:'date', index:'date', formatter : 'date'},
        ],
      regional: 'ru',
      pager: jQuery('#pager'),
      rowNum:10,
      rowList:[10,20,30],
      sortname: 'id',
      sortorder: "asc",
      viewrecords: true,
      caption: 'Данные пользователей',
      treegrid : 'adjacency',
      /*ondblClickRow: function(id) {
        if (id && id != lastSel) {
          jQuery("#list").restoreRow(lastSel);
          jQuery("#list").editRow(id, true);
          lastSel = id;
        }
      },*/
     // editurl: 'saverow.php'
    }).navGrid('#pager',{view:false, del:false, add:false, edit:false},
      {}, // default settings for edit
      {}, // default settings for add
      {}, // delete instead that del:false we need this
      {closeOnEscape:true, multipleSearch:true, closeAfterSearch:true}, // search options
      {} /* view parameters*/
    ).filterToolbar({});;
  });
          
 
    </script>
 <body>
  <!-- 3 setup a container element -->
  <div id="jstree">
    <!-- in this example the tree is populated from inline HTML -->
    <ul>
      <li>Root node 1
        <ul>
          <li id="child_node_1">Child node 1</li>
          <li>Child node 2</li>
        </ul>
      </li>
      <li>Root node 2</li>
    </ul>
  </div>
  <button>demo button</button>
      <!-- 4 include the jQuery library -->
  <script src="jquery.js"></script>
  <!-- 5 include the minified jstree source -->
  <script src="jstree.min.js"></script>
 <script> 
  $(function () {
    // 6 create an instance when the DOM is ready
    $('#jstree').jstree();
    // 7 bind to events triggered on the tree
    $('#jstree').on("changed.jstree", function (e, data) {
      console.log(data.selected);
    });
    // 8 interact with the tree - either way is OK
    $('button').on('click', function () {
      $('#jstree').jstree(true).select_node('child_node_1');
      $('#jstree').jstree('select_node', 'child_node_1');
      $.jstree.reference('#jstree').select_node('child_node_1');
    });
  });
  </script>
</body>
</html>

@Shakalaka · 03.08.2015, 09:30

Сообщение от Тёма ^_^

* <script src="jquery.js"></script>

тут jquery подключать не надо

@Тёма ^_^ · 03.08.2015, 10:38 **[ТС]**

Да помогло, большое спасибо.

Новые блоги и статьи
Использование связки C# и PHP в корпоративной разработке и микросервисной архитектуре InfoMaster 16.01.2025 Введение в интеграцию C# и PHP В современной корпоративной разработке все чаще возникает потребность в создании гибких и масштабируемых решений, способных эффективно решать широкий спектр. . .	Как использовать Kerio дома для управления сетью и пользователями InfoMaster 16.01.2025 Использование технологий для улучшения повседневной жизни стало неотъемлемой частью современного быта. Одной из таких технологий является Kerio — мощный инструмент для управления сетью и. . .	Есть ли будущее у DVD и Blu-ray? InfoMaster 16.01.2025 В эпоху стремительного развития цифровых технологий и повсеместного распространения потоковых сервисов вопрос о будущем физических носителей информации становится все более актуальным. Особенно остро. . .	Как проводить научные вычисления на Python InfoMaster 15.01.2025 Python стал одним из наиболее востребованных языков программирования в области научных вычислений благодаря своей простоте, гибкости и обширной экосистеме специализированных библиотек. Научные. . .	Создание игры типа Minecraft на PyGame/Python: пошаговое руководство InfoMaster 15.01.2025 В данном руководстве мы рассмотрим процесс создания игры в стиле Minecraft с использованием библиотеки PyGame на языке программирования Python. Этот проект идеально подходит как для начинающих. . .	Как создать свою первую игру в стиле Doom на Unreal Engine InfoMaster 15.01.2025 Разработка шутера от первого лица в стиле классического Doom представляет собой увлекательное путешествие в мир игрового программирования, где сочетаются творческий подход и технические навыки. . . .
Параллельное программирование: основные технологии и принципы InfoMaster 15.01.2025 Введение в параллельное программирование Параллельное программирование представляет собой фундаментальный подход к разработке программного обеспечения, который позволяет одновременно выполнять. . .	Как написать микросервис на C# с Kafka, MediatR, Redis и GitLab CI/CD InfoMaster 15.01.2025 В современной разработке программного обеспечения микросервисная архитектура стала стандартом де-факто для создания масштабируемых и гибких приложений. Этот подход позволяет разделить сложную систему. . .	Что такое CQRS и как это реализовать на C# с MediatR InfoMaster 15.01.2025 Концепция CQRS и её роль в современной разработке В современном мире разработки программного обеспечения архитектурные паттерны играют ключевую роль в создании масштабируемых и поддерживаемых. . .	Как настроить CI/CD с Azure DevOps InfoMaster 15.01.2025 CI/ CD, или непрерывная интеграция и непрерывное развертывание, представляет собой современный подход к разработке программного обеспечения, который позволяет автоматизировать и оптимизировать процесс. . .	Как настроить CI/CD с помощью Jenkins InfoMaster 15.01.2025 Введение в CI/ CD и Jenkins В современной разработке программного обеспечения непрерывная интеграция (CI) и непрерывная доставка (CD) стали неотъемлемыми элементами процесса создания качественных. . .	Как написать микросервис на Go/Golang с Kafka, REST и GitHub CI/CD InfoMaster 14.01.2025 Определение микросервиса, преимущества использования Go/ Golang Микросервис – это архитектурный подход к разработке программного обеспечения, при котором приложение состоит из небольших, независимо. . .

@Shakalaka 653 / 556 / 322 Регистрация: 27.01.2015 Сообщений: 1,374
	03.08.2015, 09:30	2
	Сообщение было отмечено Thisman как решение Решение Сообщение от Тёма ^_^ <!-- 4 include the jQuery library --> * <script src="jquery.js"></script> тут jquery подключать не надо 1

@Тёма ^_^ 0 / 0 / 0 Регистрация: 30.10.2011 Сообщений: 11
	03.08.2015, 10:38 [ТС]	3
	Да помогло, большое спасибо. 0

Опции темы

Uncaught typeerror jQuery- jqGridis not a function

Решение