有没有我可以通过cdn获得的块ui jquery库?

时间:2011-12-16 19:58:59

标签: jquery user-interface cdn

非常简单。我需要(好吧,我想)使用像blockUI这样的库,但我真的想通过CDN而不是从我的网站上取下它。直接链接到github上的blockUI文件给我一个403错误,所以我认为这不会起作用。

是否有大量可通过CDN获得的jquery库?

通过jquery native来做这件事会更好吗?

链接到github是一个好主意,但我做错了吗?

6 个答案:

答案 0 :(得分:4)

自发布此问题以来,我发现了一些优秀的可搜索 CDN资源:

http://jster.net/

http://cdnjs.com/

BlockUI在这里:

//cdnjs.cloudflare.com/ajax/libs/jquery.blockUI/2.61.0-2013.06.06/jquery.blockUI.min.js

答案 1 :(得分:2)

据我所知,谷歌等官方CDN无法提供blockUI

谷歌主持这些Libraries和这些LINK主机库没有官方CDN提供商。 BlockUI也有。

答案 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