gpt4 book ai didi

jquery - 调试一个简单的 jQuery 文档

转载 作者:太空宇宙 更新时间:2023-11-04 04:24:20 25 4
gpt4 key购买 nike

这是另一个初学者问题。我感谢社区提供的所有帮助。在过去的两个小时里,我一直盯着这段代码盯着看,但仍然无法弄清楚它出了什么问题。这只是一个简单的文档,边框应该出现在悬停的列表项周围。谁能告诉我为什么?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="EN" dir = "ltr" xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/xml; charset=utf-8" />
<script type = "text/javascript"
src = "http://code.jquery.com/jquery-1.4.2.min.js">
</script>
<script type = "text/javascript">
//<![CDATA[
$(init);

function init(){
$("li").hover(border, noBorder);
} // end init

function border(){
$(this).css("border", "1px solid black");
}

function noBorder(){
$(this).css("border", "0px none black");
}

//]]>
</script>
<title>hover.html</title>
</head>
<body>
<h1>Hover Demo</h1>
<ul>
<li>alpha</li>
<li>beta</li>
<li>gamma</li>
<li>delta</li>
</ul>
</body>

</html>

最佳答案

为什么不使用 CSS:

li:hover {
border : 1px solid black
}

这更干净,出现错误的可能性也更小。

关于jquery - 调试一个简单的 jQuery 文档,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18553645/

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