我创建了家庭和用户等标题图标。在桌面视图中,如果我单击用户图像,则会显示相应的重定向页面。如果我在标签或移动视图中最小化它 ,它什么都没显示。此问题仅适用于用户图像,但不适用于家庭图像。在我试过的代码下面。
<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">☰</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);
答案 0 :(得分:0)
通过在body标记结束之前放置脚本,解决问题。将display属性设置为block!important是很重要的。