gpt4 book ai didi

javascript - 当鼠标悬停在另一个元素上时,使用 jQuery 为一个元素分配一个类

转载 作者:行者123 更新时间:2023-11-28 05:23:19 26 4
gpt4 key购买 nike

我正在尝试在页面两侧创建效果,当将鼠标悬停在页面中心的 div 上时,会出现该效果。我正在使用 jQuery 来执行此操作。

我已经尝试了最有用的诊断技术(对我的 JS 部分使用警报),但我似乎无法弄清楚为什么我的代码没有运行。

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=1.4.2'></script>
<script>
$( "#shadow" ).hover(
function() {
$( "#wingRight" ).addClass( "shown" );
}, function() {
$( "#wingRight" ).removeClass( "shown" );
}
);
$( "#light" ).hover(
function() {
$( "#wingLeft" ).addClass( "shown" );
}, function() {
$( "#wingLeft" ).removeClass( "shown" );
}
);
</script>

Heres my code pen for the site so far

提前致谢!

最佳答案

元素的高度取决于其内容。当您将高度指定为百分比时,就像使用 #wingLeft 和 #wingRight 所做的那样,您将采用 0 的 100%,即 0。

如果你的类为高度分配了一个硬值,例如 100px,那么你的 jQuery 就可以正常工作。这是您更新后的笔。

http://codepen.io/WallyNally/pen/QKeeRj

请注意,赋予它们高度也会使曼陀罗居中。

PS - CodePen 包括 <head>为您和<script>可以去JS领域。在设置选项卡中,您可以加载 jQuery,而无需在文本中链接它。

关于javascript - 当鼠标悬停在另一个元素上时,使用 jQuery 为一个元素分配一个类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40373160/

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