在哪里加载webix?

时间:2015-03-20 22:39:28

标签: 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>

e.g。它将库加载到头部。

问题:

  • 应该在webix
  • 中加载<head> lib
  • 如果是,应在哪里加载jQuerytwitter bootstrap
  • 以什么顺序?

2 个答案:

答案 0 :(得分:3)

您可以将webix.js放在页面的任何位置。只需确保在webix.js加载后使用使用Webix API的JS代码

通常,脚本放在HTML文件的末尾,因为它们只为页面添加了一些交互性。对于Webix UI,如果没有webix.js,您根本不会在页面上看到任何内容,因此将webix.js放在页面末尾没有任何好处。

至于jQuery - 如果你计划使用webix-jquery集成,你需要在加载jQuery之后加载webix.js(在头部或文件的末尾,无关紧要)

答案 1 :(得分:0)

您需要遵循以下语法或使用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文件中使用它们。