Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在调整大小和选项卡视图期间,图像单击功能不起作用_Jquery_Html_Css_Jsp - Fatal编程技术网

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

Jquery 在调整大小和选项卡视图期间,图像单击功能不起作用,jquery,html,css,jsp,Jquery,Html,Css,Jsp,我已经创建了标题图标,如主页和用户。在桌面视图中,如果单击用户图像,它将显示相应的重定向页面。如果我在选项卡或移动视图中最小化它 ,它不显示任何内容。此问题仅发生在用户映像上,而不发生在主映像上。下面是我试过的代码 <div id="header"> <a id="home" onclick="homeclick();" style="cursor: pointer;"><img src="images/home.p

我已经创建了标题图标,如主页和用户。在桌面视图中,如果单击用户图像,它将显示相应的重定向页面。如果我在选项卡或移动视图中最小化它 ,它不显示任何内容。此问题仅发生在用户映像上,而不发生在主映像上。下面是我试过的代码

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

欢迎
上次登录时的显示:内联块;宽度:25%;>

显示名称

电子邮件ID

接近 ☰ var hrz='
    '; hrz+='
  • ' +“
  • ” +“
'; $(“#标题列表”).append(hrz);
通过将脚本放在正文结尾标记之前,解决了问题。将“显示”属性设置为“块”非常重要!重要的