调整大小和选项卡视图期间,图像单击功能不起作用

时间:2017-06-22 09:56:11

标签: jquery html5 css3 jsp

我创建了家庭和用户等标题图标。在桌面视图中,如果我单击用户图像,则会显示相应的重定向页面。如果我在标签或移动视图中最小化它 ,它什么都没显示。此问题仅适用于用户图像,但不适用于家庭图像。在我试过的代码下面。

<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);

1 个答案:

答案 0 :(得分:0)

通过在body标记结束之前放置脚本,解决问题。将display属性设置为block!important是很重要的。