gpt4 book ai didi

javascript - 在这种情况下使用间隔可以吗?

转载 作者:行者123 更新时间:2023-11-30 10:01:24 25 4
gpt4 key购买 nike

<分区>

所以我正在编写一个网站,并且正在从头开始制作一个下拉菜单。这包括一个选项卡,一旦指针悬停在它上面,就会出现一个下拉菜单,所有这些都包含在一个容器中。为了确保容器大小没有问题(这是必要的,因为它是可见的),我有两个选择。解决此问题的一种方法是调用该函数三次更新容器的大小,一次是在 mouseenter() 上,第二次是在 mouseleave() 上,第三次是在 $(window).ready() 上。不过,另一种方法是无论条件如何,每 60 秒调用一次调整容器大小的函数。这两种方法似乎都有效,但我不确定哪一种更好/正确。这将是首选:

$(document).on('mouseover', '.dropdown_container',
function() {
setContainerDimensions(this);
}
)
.on('mouseleave', '.dropdown_container',
function() {
setContainerDimensions(this);
}
);

$(document).ready(
function() {
setContainerDimensions('.dropdown_container');
}
);

这是第二个选项:

window.setInterval(function(){
setContainerDimensions(".dropdown_container");
}, 16);

这是我的 html:

<ul class="dropdown_container">
<li class="tab super_tab"><a>Order</a></li>

<ul class="dropdown">
<li class="tab"><a>Cater</a></li>
</ul>
</ul>

如您所见,第二种方法的代码效率更高,但我不确定这是正确的方法。大家怎么看?

此外,如果您能想到更好的选择,那就太好了。

谢谢!

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