Где загрузить webix?

Пытаюсь изучить webix (и вообще JavaScript). Обычно обычной практикой является загрузка библиотек javascript в конце тела.

В документации по быстрому запуску webix говорится:

<!DOCTYPE HTML>// specifies document type
<html>
    <head>
    <link rel="stylesheet" href="../../codebase/webix.css" type="text/css"> 
    <script src="../../codebase/webix.js" type="text/javascript"></script>  
    </head>
    <body>

например он загружает библиотеку в голову.

Вопросы:

  • библиотека webix должна быть загружена в папку <head>?
  • если да, то где должны быть загружены jQuery и twitter bootstrap?
  • и в каком порядке?

webix
person jm666    schedule 20.03.2015    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Вы можете разместить webix.js в любом месте страницы. Просто убедитесь, что JS-код, использующий Webix API, используется после загрузки webix.js.

Обычно скрипты помещаются в конец HTML-файла, так как они лишь добавляют интерактивности странице. В случае пользовательского интерфейса Webix без webix.js вы вообще не увидите никакого контента на странице, поэтому нет никакой пользы от размещения webix.js в конце страницы.

Что касается jQuery - если вы планируете использовать интеграцию webix-jquery, вам необходимо загрузить webix.js ПОСЛЕ загрузки jQuery (в начале или в конце файла, не имеет значения)

person Aquatic    schedule 21.03.2015
comment
Потому что я JavaScrIdiot :) буду использовать TwitterBootstrap (что немного проще), а для некоторых частей (в основном для TreeView и таблиц) хочу использовать webix. Итак, нужно загрузить TwitterBootstrap (css+js) (для чего нужен jQuery). Итак, если я правильно понимаю, окончательный порядок должен быть: boostrap.css, webix.css, jQuery.js, bootstrap.js, webix.js - в разделе головы. Спасибо. - person jm666; 21.03.2015

arrow_upward
0
arrow_downward

Вам необходимо следовать приведенному ниже синтаксису или процессу использования webix.

<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <title>Title</title>


  <link href="https://fonts.googleapis.com/css?family=Lato|Open+Sans:300|Raleway|Roboto" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
  />
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
  <link rel="stylesheet" href="http://cdn.webix.com/edge/webix.css" type="text/css">

  <link rel="stylesheet" type="text/css" href="assets/css/app.css" />

</head>

<body>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="http://cdn.webix.com/edge/webix.js" type="text/javascript"></script>
  <script type="text/javascript" charset="utf-8" >
    webix.ui({
      view:"calendar",
      id:"calendar1"
    })
  </script>

</body>

</html>

Любые зависимости должны загружаться поверх webix.js, чтобы вы могли использовать их в своем JS-файле.

person Murali Krishna    schedule 13.07.2018