gpt4 book ai didi

javascript - 当表格可见时隐藏链接

转载 作者:行者123 更新时间:2023-12-02 17:51:39 26 4
gpt4 key购买 nike

我有一个水平网站,当您单击底部的“更多”链接时,该网站会不断显示我的表格/图像(我的图像位于表格中)。我试图做到这一点,以便当我的最后一个图像/表格可见时,“更多”链接消失。我对编码很陌生,但我设法编译了它,但它不起作用。

我读到,只要元素适合页面,CSS 总是将其识别为可见,并且必须使用 Javascript 来检查它在页面上是否实际可见。任何解决方案表示赞赏,谢谢。

<script src="./lib/jquery.js" type="text/javascript">
function() {
if($('#finaltable').is(':visible')){
$('#morelink').remove(this);
}
}
</script>
<html>
//There are about 20 tables but the last one is ID'd as 'final table'
<table id="finaltable">
<tr><td>Final Table</td></tr>
</table>

最佳答案

您不能使用 jquery :visible,因为它仅基于以下事实:您的元素的 CSS 显示方式与无元素(及其父元素)不同,并且其宽度和高度大于 0。 references

在你的例子中,我会使用 offset 属性。在“更多”按钮上的点击事件上查看决赛 table 在哪里。

<a id="more" href="#">More></a>
<script>
jQuery(document).ready(function () {
$("#more").on("click",function(e)
{
//finaltable display on screen
if($("#finaltable").offset().left<=0)
{
$("#more").hide();
}
});
});
</script>

关于javascript - 当表格可见时隐藏链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21296292/

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