加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

在aurelia app中需要bootstrap和jquery

发布时间:2020-12-18 00:06:03 所属栏目:安全 来源:网络整理
导读:我是Aurelia的新手,所以我不确定这应该如何运作.我创建了一个新的Aurelia项目,并且只需通过执行jspm install bootstrap就可以安装bootstrap.我在控制台中看到这也引入了 jquery 3.0.0. 现在我的问题是,如何在我的项目中使用bootstrap.css,bootstrap.js和jque
我是Aurelia的新手,所以我不确定这应该如何运作.我创建了一个新的Aurelia项目,并且只需通过执行jspm install bootstrap就可以安装bootstrap.我在控制台中看到这也引入了 jquery 3.0.0.

现在我的问题是,如何在我的项目中使用bootstrap.css,bootstrap.js和jquery.js?

第一次尝试:

在app.html中,我尝试执行以下操作:

<require from="bootstrap"></require>

我尝试过,因为我的config.js中有以下行:

map: {
    ...
    "bootstrap": "github:twbs/bootstrap@3.3.6",...
}

这种工作在某种意义上它加载了bootstrap.js,但随后在浏览器中出现错误,它缺少jquery.js.所以它不会自动为我加载jquery.这是正常的吗?

第二次尝试:

我在app.html中更改了我的要求:

<require from="jquery/dist/jquery.js"></require>
<require from="bootstrap/css/bootstrap.css"></require>
<require from="bootstrap/js/bootstrap.js"></require>

我不知道它是如何知道在哪里查找bootstrap.js和bootstrap.css文件,因为它们位于:jspm_packages/github/twbs/bootstrap@3.3.6/css/bootstrap.css等.但它知道如何找到引导程序文件.但不是jquery文件.

我在我的config.js中有这个用于jquery:

map: {
    ...
    "github:twbs/bootstrap@3.3.6": {
      "jquery": "npm:jquery@3.0.0"
    },....
}

基本上我的问题是,这应该怎么做?当我< require from =“bootstrap”>时,应该要求自动加载所有必要的文件.或者我还应该将它们作为单个文件加载?如果是这样,我如何在这种情况下加载jquery?

解决方法

require元素用于提取Aurelia组件,html模板(Aurelia组件)或css文件.它不是用于加载javascript文件.

Aurelia框架显示了如何在其main.js文件中加载Bootstrap:

import 'bootstrap';

是文件中的第一行.这将初始化Bootstrap的javascript代码.

在app.html中,require元素用于加载Bootstrap的css:

<require from="bootstrap/css/bootstrap.css"></require>

将jQuery导入到文件中也非常简单:

import $from 'jquery';

然后你可以使用你想要的$函数.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读