gpt4 book ai didi

javascript - 通过更改 z-index 使用 Javascript 激活其他表格的表格单元格

转载 作者:行者123 更新时间:2023-11-28 02:14:08 25 4
gpt4 key购买 nike

我不知道这怎么行不通。我尝试过切换属性,将 div 放入每个表格单元格中,并将其用于“单击”功能。但无论我做什么,我似乎都无法让它发挥作用。我所需要的只是其中包含网络链接信息的表格单元格,单击并使用 z 索引格式打开辅助表格以重叠它们。如果有人可以提供帮助,我们将不胜感激。

<script src="../js/jquery-1.8.3.min.js" type="text/javascript"></script>

<script type="text/javascript">
$('#weblinkbut').click(function(){
$('.menuhome').css('z-index','3');
$('.weblinkmenu').css('z-indez','4');
});
</script>

</head>

<body>
<div id="weblinkbut">
<p>content</p>
</div>

<div id="menuhome">
<table class="menuhome" width="181" height="208" border="1"
bordercolor="#000000" cellspacing="5" bgcolor="#FFFFFF" cellpadding="">
<tr>
<td width="75" height="90"><p>&nbsp;</p><p><img src="images/weblinkicon.png"
width="40" height="40"></p>
<p>Website link</p></div></td>
<td width="75" height="90"><p><img src="images/phoneicon.png"
width="40" height="40"></p>
<p>Phone Number</p></td>
</tr>
<tr>
<td width="75" height="90"><p><img src="images/emailicon.jpg" width="40"
height="40"></p>
<p>Email address</p></td>
<td width="75" height="90"><p><img src="images/newdocicon.png" width="30"
height="40">
<P>Plain Text</P>
</tr>
</table>
</div>

<div id="weblinkmenu">
<table class="weblinkmenu" width="181" height="208" border="1"
bordercolor="#000000" cellspacing="5" bgcolor="#FFFFFF" cellpadding="">
<tr>
<td width="75" height="90"><p><img src="images/weblinkicon.png"
width="40" height="40"></p>
<p>Website link</p></td>
</tr>
</table>
</div>

</body>

</html>

最佳答案

当您尝试绑定(bind)点击事件的处理程序时,您的 DOM 未完全加载。尝试:

$(document).ready(function(){
$('#weblinkbut').click(function(){
$('.menuhome').css('z-index','3');
$('.weblinkmenu').css('z-indez','4');
});
});

关于javascript - 通过更改 z-index 使用 Javascript 激活其他表格的表格单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16680760/

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