gpt4 book ai didi

javascript - 外部资源仅适用于 JSFiddle - Bootbox/jQuery

转载 作者:行者123 更新时间:2023-11-27 23:51:25 26 4
gpt4 key购买 nike

Link to Fiddle

当“框架和扩展”设置为 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,我将“框架和扩展”设置回“无库(纯 JS)”,提示不再起作用。

尝试了数十种变体后,提示仍然无法运行。是什么导致了这种行为差异?

最佳答案

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

您的 fiddle 使用 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 框中会产生不同的结果。

选择它作为框架会将其放置在扩展( Bootstrap 和 Bootstrap 箱)文件之前。当它位于 HTML 框中时,它被放置在扩展文件之后,从而产生错误(因为这些文件需要 jQuery)。

如何使其工作?如果您想“手动”将 jQuery 放入 HTML 框中,则也将所有扩展文件以正确的顺序放在那里。这将使其按预期工作。

这是一个updated fiddle, containing the fix如上所述。

关于javascript - 外部资源仅适用于 JSFiddle - Bootbox/jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32674635/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com