gpt4 book ai didi

jquery - HeadJS 和 jQuery 用法

转载 作者:行者123 更新时间:2023-12-01 06:59:46 24 4
gpt4 key购买 nike

尝试使用 http://headjs.com一段时间了,但我还没有停下来,因为我无法完全理解有限的文档和示例。如果您能给出 HeadJS 和一些 jQuery 的示例,那就太好了。

目前,这就是我所拥有的:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Title</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
</head>
<body>
.....
.....
<script src="js/jQuery.plugins.1.js"></script>
<script src="js/jQuery.plugins.2.js"></script>
<!--
Below are inline and cannot be a separate JS
file because of CMS and templating limitation
//-->
<script>
jQuery.noConflict();
jQuery(document).ready(function($) {
$('.class').someEffect();
// Too many more code here
});
</script>
<!-- End inline scripts //-->
</body>
</html>

我的问题:

  1. 如果我使用 HeadJS,我现在应该将 jQuery.noConflict(); 放在哪里?或者即使我使用另一个 JS 库也不会再有冲突吗?
  2. 将内联脚本放在 head.ready() 中的什么位置? “$”符号不会与其他库产生冲突吗?

谢谢。

最佳答案

我认为你没有捕获 Head JS 的要点。这是您的<head>元素应如下所示:

<head>
<meta charset="utf-8" />
<title>Title</title>
<script src="path/to/head.js"></script>

<script>
// files are loaded in parallel and executed in order they arrive
head.js('https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js')
.js('path/to/other/external.js'),
.js('and/so/on');

// Call a function after all scripts have been loaded and the document is scriptable
head.ready(function ()
{
jQuery.noConflict();

// do your inline stuff with $ (Prototype, not jQuery)
});
</script>
</head>

关于jquery - HeadJS 和 jQuery 用法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5033878/

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