gpt4 book ai didi

jquery - 在调整大小和选项卡 View 期间,图像点击功能不起作用

转载 作者:行者123 更新时间:2023-11-28 03:31:51 30 4
gpt4 key购买 nike

我已经创建了像主页和用户这样的标题图标。在桌面 View 中,如果我单击用户图像,它会显示相应的重定向页面。如果我在选项卡或移动 View 中将其最小化, 它什么都不显示。此问题仅发生在用户图像上,而不是家庭图像上。在我试过的代码下面。

<div id="header">
<a id="home" onclick="homeclick();"
style="cursor: pointer;"><img src="images/home.png"
height='28' width='25' /> </a>


<a id="user" title="User" style="cursor: pointer;" class="md-trigger" data-modal="modal-8"><img
src="images/user.png" height='25' width='25' /> </a>



</div>

<div class="md-modal md-effect-5" id="modal-8">
<div class="md-content">
<h2>Welcome <%=session.getAttribute("displayName")%></h2>
<div>
<p style="display: inline-block; width: 25%;">Last Login </p><p style="display: inline-block;width: 75%">: <%=session.getAttribute("lastLogin")%></p>
<p style="display: inline-block; width: 25%;">Display Name </p><p style="display: inline-block;width: 75%">: <%=session.getAttribute("displayName")%></p>
<p style="display: inline-block; width: 25%;">Email ID </p><p style="display: inline-block;width: 75%">: <span id="mail"><%=session.getAttribute("mail")%></span></p>
<div class="allButtons">


<button class="md-close">Close</button>
</div>
</div>
</div>
</div>

<div id="menuIcons">&#9776;</div>
<div id="headerListIcons" style="display : none ; ">
</div>

var hrz ='<ul class="header-viwmenu">';
hrz += '<li id="home" onclick="homeclick();"'
+'title="Home" style="cursor: pointer"><img src="images/home.png"'
+'height="25" width="25" /> </li>'

+'<li id="user" title="User" style="cursor: pointer;" class="md-trigger" data-modal="modal-8">'
+'<img src="images/user.png" height="25" width="25"> </li>'
</ul>';
$('#headerListIcons').append(hrz);

最佳答案

通过将脚本放在 body 标记的结尾之前,可以解决问题。将显示属性设置为 block 很重要!重要。

关于jquery - 在调整大小和选项卡 View 期间,图像点击功能不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44696074/

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