外部资源只有在工作的jsfiddle - Bootbox/jQuery的

Link to Fiddle 外部资源只有在工作的jsfiddle - Bootbox/jQuery的

当 '框架&扩展' 设置为jQuery的2.0.2 但是当我添加的提示作品...

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

...替换JSFiddle的jQuery 2.0.2，并将'Frameworks & Extensions'设置回'No-Library（纯JS）'提示符不再工作。

尝试了几十个变体后，提示仍然无法运行。什么导致了这种行为差异？

来源

2015-09-20 George

发生这种情况是由于JSFiddle将代码“插入”输出页面中的代码。

你拨弄采用4种方式输入代码：

的HTML框（左上），
CSS盒（右上），
JavaScript的框（左下）和
“外部资源”（左侧菜单）。

输出部分（右下）将打印你把什么以上，而像这样：

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <title> - jsFiddle demo by Birdlaw</title> 

    <!-- Here goes the selected JS lib (jQuery 2.0.2 in your example) --> 

    <!-- Selected Extensions are here (in your case, bootstrap, then bootbox) --> 

    <style type="text/css"> 
    <!-- Content of the CSS (top right) box goes here --> 
    </style> 

    <script type="text/javascript">//<![CDATA[ 
    $(window).load(function(){ 

    //<!-- Content of the JavaScript (bottom left) box goes here --> 
    //<!-- Actually, this can be configured (the second combo at left menu - "onLoad") --> 

    });//]]> 
    </script> 
</head> 
<body> 
    <!-- Content of the HTML box goes here --> 
</body> 
</html>

正如你所看到的，采取的jQuery出所选择的框架，并把它放在HTML盒子有不同的结果。

选择它作为框架将它放在之前扩展名（引导程序和bootbox）文件。当它位于HTML框中时，它被放在后面的扩展文件中，从而产生错误（因为这些文件需要jQuery）。

如何使它工作？如果您想将jQuery放在HTML框中“手动”，然后将所有扩展文件放在那里，并按正确顺序排列。这将使其按预期工作。

这是上面的updated fiddle, containing the fix。

来源

2015-09-20 01:19:40 acdcjunior

因为当你这样做，JS文件加载的顺序是不同的。引导程序和其他文件在jQuery文件之前加载。所以当它查找文件时，它不在那里并引发错误。看看控制台。

来源

2015-09-20 01:14:36 epascarello

问题是，在加载jQuery之前，您已经加载了引导外部库（如果您不希望它被JSfiddle接口和HTML页面加载），并且引导程序需要jQuery已加载能够初始化。

即：这不可能是在HTML部分，如果你引导工作

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.js"></script>

我用正确的顺序更新您的提琴：

http://jsfiddle.net/gjkooofv/13/

外部的通知jquery是第一个的库然后是所有其他的库。

来源

2015-09-20 01:18:42

外部资源只有在工作的jsfiddle - Bootbox/jQuery的

回答

相关问题