gpt4 book ai didi

jquery - 如何将 jquery 代码放入 html 文档中? (灯箱)

转载 作者:行者123 更新时间:2023-12-03 22:37:42 26 4
gpt4 key购买 nike

如何让 jquery 显示在现有的 html 文档中?主要是jquery lightbox插件。

最佳答案

在 html 文档中引用 jQuery 脚本,然后引用灯箱脚本。就像这样,

<!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" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="source-of-jquery.js"></script>
<script type="text/javascript" src="source-of-lightbox-plugin.js"></script>
<script type="text/javascript" src="source-of-script-with-your-jquery-code-in.js"></script>
</head>
<body>

....

那么您将需要相应地使用灯箱。例如,在source-of-script-with-your-jquery-code-in.js

$(function() {
$('#gallery a').lightBox({fixedNavigation:true});
});

将灯箱插件绑定(bind)到每个 <a> id 为 gallery 的元素的子元素

编辑:

jQuery只不过是一个JavaScript框架(尽管是一个很棒的框架)。如果您正在开始前端 Web 开发之旅,我建议您结合使用 JavaScript 和 jQuery,因为它是框架的构建 block ,并将帮助您更好地理解它是如何工作的。这里有一些可帮助您入门的资源

关于jquery - 如何将 jquery 代码放入 html 文档中? (灯箱),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1394753/

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