gpt4 book ai didi

jquery - 我们究竟应该如何将这 3 个片段部分组合到一个 html 文件中

转载 作者:太空宇宙 更新时间:2023-11-03 21:15:41 25 4
gpt4 key购买 nike

我看到这个片段由三部分组成:

http://jsfiddle.net/nBzcb/

有html。有jquery。和 CSS。

我试着把它合并成一个像这样的文件

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Hello World</title>
<style>
#content {
max-width: 400px;
margin: auto;
left: 1%;
right: 1%;
position: absolute;
}
</style>
<script>
$(function() {
$(window).on('resize', function resize() {
$(window).off('resize', resize);
setTimeout(function () {
var content = $('#content');
var top = (window.innerHeight - content.height()) / 2;
content.css('top', Math.max(0, top) + 'px');
$(window).on('resize', resize);
}, 50);
}).resize();
});
</script>
</head>

<body>
<div id="content" style="background:#f00">
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
</div>
</body>

</html>

好像不行。看来jquery这个库是需要“转介”的。但是如何呢?

我应该怎么做才能解决这个问题?

最佳答案

你必须在 head 中包含 jQuery,例如:

<script
src="https://code.jquery.com/jquery-3.1.1.js"
integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="
crossorigin="anonymous">
</script>

关于jquery - 我们究竟应该如何将这 3 个片段部分组合到一个 html 文件中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42490926/

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