非常简单。我需要(好吧,我想)使用像blockUI
这样的库,但我真的想通过CDN而不是从我的网站上取下它。直接链接到github上的blockUI文件给我一个403错误,所以我认为这不会起作用。
是否有大量可通过CDN获得的jquery库?
通过jquery native来做这件事会更好吗?
链接到github是一个好主意,但我做错了吗?
答案 0 :(得分:4)
自发布此问题以来,我发现了一些优秀的可搜索 CDN资源:
BlockUI在这里:
//cdnjs.cloudflare.com/ajax/libs/jquery.blockUI/2.61.0-2013.06.06/jquery.blockUI.min.js
答案 1 :(得分:2)
答案 2 :(得分:1)
Google Libraries API有少量流行的js库。
我认为链接到github是个坏主意,因为repo可能包含不稳定的代码(master)。这取决于你如何做和你链接的地方。稳定的brach是更好的主意,但是blockUI没有。
试试这个:
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<title>test</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/malsup/blockui/master/jquery.blockUI.js"></script>
</head>
<body id="none">
<script type="text/javascript">
$.blockUI({ message: '<h1>Just a moment...</h1>' });
</script>
</body>
</html>
答案 3 :(得分:1)
您应该使用RawGit,GitHub的免费CDN。直接从GitHub.com链接内容不是一个好习惯。
首选包含具有特定release tag:
的lib<script src="https://cdn.rawgit.com/malsup/blockui/2.70/jquery.blockUI.js"></script>
或使用commit hash:
<script src="https://cdn.rawgit.com/malsup/blockui/commit/316f6e5d76a33266970778e80507149d9ef6a02d"></script>
请记住,CDN可能会失败,甚至http://code.jquery.com,所以请在您的网站中添加一个回退脚本,如下所示:
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script>if (typeof jQuery=== "undefined") { document.write('<script src="jquery.min.js">\x3C/script>') }</script>
<script src="//cdn.rawgit.com/malsup/blockui/2.70/jquery.blockUI.js"></script>
<script>if (typeof jQuery.blockUI === "undefined") { document.write('<script src="jquery.blockUI.js">\x3C/script>') }</script>
答案 4 :(得分:0)
最新版本的blockUI现已由CDN提供:https://cdnjs.cloudflare.com/ajax/libs/jquery.blockUI/2.70.0-2014.11.23/jquery.blockUI.min.js
您可以在此处看到其中一个版本: https://cdnjs.com/libraries/jquery.blockUI
cdnjs人员也会收集用户的贡献,所以如果你认为应该存在缺失的东西(比如一个过时的库或其他有用的JS库),你可以分叉他们的repo,自己更新,以及然后提交拉取请求。更多内容如下: https://github.com/cdnjs/cdnjs
答案 5 :(得分:0)
您可以在CDNJs网站查看任何CDN JavaScript库。
例如,通过搜索我在其他CND中找到的import { ViewChildren, QueryList } from '@angular/core';
@ViewChildren('fabList')fabList : QueryList<FabContainer>; //Use @ViewChildren instead of @ViewChild
click(currentIndex: any) {
//let id = 'fab_btn' + currentIndex.toString();
//document.getElementById(id).click();
let currentFab: FabContainer = this.fabList._results[index]; //Get current clicked FabContainer object from index
currentFab.close();
}
:
https://cdnjs.cloudflare.com/ajax/libs/jquery.blockUI/2.70/jquery.blockUI.min.js