页面元素点击效果失效,请大神帮忙看看,感激不尽!!!!!!

我的页面的效果都是美工给我做的,包括html,css,js等。我把美工做的元素都导入到我的项目中。
以下是美工在页面写死的部分,发布项目后,效果都是好用的。

  <!-- 表格内容 start -->
            <div class="fixed-table_body-wraper">
                <table class="fixed-table_body" cellspacing="0" cellpadding="0" border="0">
                    <tbody id="lockDetail">
                    <%--门锁表格的样式  取消注释即可看到效果--%>
                    <tr>
                        <td   class="table-width1"  data-fixed="true" ><div class="table-time table-cell table-width1 table-butstyle"> </div></td>
                        <%--正常格子--%>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140 "> </div></td>
                        <!--//已入住-->
                        <td  class="table-width140  cd-select"><div class="cd table-hight1 table-width140 btn-rad md-trigger"  data-modal="reply-ticket">已入住</div></td>
                        <!--//已预订格-->
                        <td  class="table-width140  cd-booked"><div class="cd table-hight1 table-width140 btn-rad md-trigger"  data-modal="reply-ticket2">被预订 </div></td>
                        <!--//右击菜单格子-->
                        <td  class="table-width140 rightclick"><div class="cd table-hight1 table-width140 rightclick" style="color:green;" > </div></td>

                        <!--//已预订格-->
                        <td  class="table-width140  cd-booked"><div class="cd table-hight1 table-width140 btn-rad md-trigger"  data-modal="reply-ticket2">被预订 </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140 "> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140 "> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"></div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140 "> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140 "> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"></div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"></div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140"> </div></td>
                        <td  class="table-width140"><div class="cd table-hight1 table-width140">11 </div></td>

                    </tr>
                    </tbody>
                </table>
            </div>
            <!-- 表格内容 end -->

我把美工的写死在页面的数据注释掉,然后通过js读后台数据加进去,发布项目后,页面的CSS效果是好的,可是点击格子就出现了问题。美工在页面写死的数据,点击格子会出现表格,而我通过js加进去的格子点击没有效果。诡异的部分是我的代码让美工看说是没问题,给程序员看也是没问题,以下是我项目发布后的,通过浏览器调试看到的代码。
图片说明

可以看到 我添加进去的元素的class 与美工做的样式是一模一样的,按理说效果也应该是一模一样的。后来美工说你把网页全部另存为,然后给她看,结果网页另存为的东西在美工那边打开,效果也是好的,证明我的js也是没问题的。可是现在的问题就是我的项目发布出去后,点击就是没有效果就像某个js失效。可是第一,我的js调试了,是好用的。第二,就是我的js不好用,可是我引用的位置放在了页面的最后,应该完全不影响美工做的js的。第三,我项目发布后的页面,另存为后,给别人用效果是好的,证明我的代码应该是没问题的。

所以,问题来了,到底是哪里出了问题呢??

---------------------------更新-----------------------------------
浏览器换了谷歌 、 搜狗 、火狐 ,全都不好用。缓存也都清除了,依旧不好用。

12个回答

你可以看看你的点击事件是怎么写的,可能是你的点击事件在页面通过js读后台数据加进去之前绑定,那个时候js读后台数据加进去的页面内容还没有加载出来,所以是绑定不了的,你可以试试把绑定事件放到数据加载之后。还有就是你说你们美工说页面另存为在她的电脑上就可以打开,我觉得是因为你另存的时候讲页面整个的保存下来了,包括了HTML 的代码,所以加载HTML代码就在绑定事件之前。希望我的回答可以帮助到你~

事件绑定位置100%有问题,异步加载的事件的绑定要不到异步加载成功的回调里面执行绑定,不要用你原来的代码进行绑定,如果是jquery改为on绑定事件,做代理,不能直接$('xxxx').click选出元素进行绑定

问题可能出现在,你在写界面的时候,全用的静态节点数据,而发布的时候是动态节点,如果是动态生成的节点,那么你的触发事件,要做事件委托。

浏览器问题一定要注意缓存。。。。。习惯清缓存

浏览器问题一定要注意缓存

换一下浏览器 现在 有的浏览器不兼容 你看看 浏览器控制台console 有没有js错误

这什么都看不出来,起码把你的JS贴出来看看啊

 js拿出来看看

ajax回写的内容,要重新绑定click事件:
success:function(data){
...

        $(dom).click(function(){...});

}

可以考虑换一个浏览器啊!

共12条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
jsp连接数据后样式失效,请大神帮忙!!!

各位大神,本人小白,初学jsp。在做完连接数据库并将数据显示到页面上后,页面的所有样式都无效了,以下是我的代码。 ``` <%@page language="java" import="java.util.*" pageEncoding="utf-8"%> <%@page import="java.util.ArrayList"%> <%@page import="org.cz.bean.Select"%> <% /*如果还未登录系统*/ if (session.getAttribute("user")==null || session.getAttribute("user")=="") out.println("<script>alert('未登录系统!');top.location.href='../login.jsp';</script>"); %> <%-- <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> --%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <%-- <base href="<%=basePath%>"> --%> <title>数据查询</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- css文件 --> <link rel="stylesheet" type="text/css" href="../css/s_css/stys_index.css"><!-- 控制布局 --> <link type="text/css" rel="stylesheet" href="../css/s_css/style_index.css"/><!-- 控制样式 --> <!--js文件 --> <script src="../js/s_js/jquery-1.10.2.min.js" type="text/javascript"></script> <script src="../js/s_js/s_index.js" type="text/javascript"></script> </head> <body> <% if(request.getAttribute("result")!= null) {%> <script> alert('<%=request.getAttribute("result")%>'); </script> <% } %> <div class="wrap"> <div class="layout"> <div class="content"> <!-- 导航 --> <div class="Mynav"> <div class="menuleft"><a href="#">重管理系统后台</a></div> <div class="menu"> <ul class="nav"> <li></li> <li><a href="#">数据查询</a></li> <li><a href="#">导 出</a></li> <li><a href="#">查 看</a></li> <li><a href="#">退出</a></li> <!-- <li><a href="#">联系我们</a></li> --> </ul> </div> </div> <!-- 数据查询》结果 --> <div class="title"> <p class="title-w">数据查询</p> </div> <!-- 查询结果开始 --> <div class="main" overflow="auto"> <table class="tablenav" id="results"> <caption> <h4><strong>查询结果</strong></h4> <ul class="pagination" style="float:left;"> <% //String Xm = (String)request.getAttribute("Xm"); int recordCount = (Integer)request.getAttribute("recordCount"); //int pageSize = (Integer)request.getAttribute("pageSize"); int currentPage = (Integer)request.getAttribute("currentPage"); int totalPage = (Integer)request.getAttribute("totalPage"); String pageFootStr = ""; int next, prev; prev=currentPage-1;//上一页 next=currentPage+1;//下一页 String actionPath = "Select?action=queryall"; //&Xm=" + Xm pageFootStr+="<form aciont='" + actionPath + "' method=post>"; //pageFootStr += "查询到<span>"+recordCount+"</span>条记录"+" 共<span>"+totalPage+"</span>页"; //pageFootStr +=" 第<span>"+currentPage+"</span>页 "; pageFootStr += "<li><a >共<strong>"+recordCount+"</strong>条记录,<strong>"+totalPage+"</strong>页</a></li>"; if(currentPage>1) pageFootStr += "<li title=首页><a href="+ actionPath + "&currentPage=1"+">&laquo;</a></li>"; else pageFootStr += " &laquo; "; if(currentPage>1) pageFootStr += "<li title=上一页><a href=" + actionPath + "&currentPage=" + prev + ">&lsaquo;</a></li>"; else pageFootStr += "&lsaquo; "; pageFootStr += " <li title=当前页 class=active><a>"+currentPage+"</a></li>"; if(currentPage<totalPage) pageFootStr += " <li title=下一页><a href=" + actionPath + "&currentPage=" + next + ">&rsaquo;</a></li>"; else pageFootStr += "&rsaquo; "; if(totalPage>1&&currentPage!=totalPage) pageFootStr += " <li title=最末页><a href=" + actionPath + "&currentPage=" + totalPage + ">&raquo;</a></li>"; else pageFootStr += "&raquo;"; pageFootStr+="<li>第<input name=currentPage type=text size=2>页 <input type=submit value=GO></form></li>" ; %> </ul> <div style="float:right;padding:5px"> <!-- <a href="#" class="btn" onclick="showAdd()">添加员工</a> --> </div> </caption> <!-- <form method="post" action="Select?action=query2"> --> <thead> <tr> <th>单号</th> <th>净重编号</th> <th>车号</th> <th>业务类型</th> <th>货名</th> <th>发货单位</th> <th>收货单位</th> <th>司机</th> <th>仓库</th> <th>备注</th> </tr> </thead> <tbody> <div> <% //从request域中取得要显示的某页信息 ArrayList selectList = (ArrayList)request.getAttribute("selectList"); /*遍历每个的信息进行显示*/ for(int i=0;i< selectList.size();i++){ Select select = (Select)selectList.get(i); %> <tr> <td><%=select.getCode()%></td> <td><%=select.getCodeNet()%></td> <td><%=select.getCarCode()%></td> <td><%=select.getTheType()%></td> <td><%=select.getSp1()%></td> <td><%=select.getSp2()%></td> <td><%=select.getSp3()%></td> <td><%=select.getSp4()%></td> <td><%=select.getSp5()%></td> <td><%=select.getSp6()%></td> </tr> <% } %> <tr><td colspan=10> <%=pageFootStr %> &nbsp; </td> </tr> </div> </tbody> <!-- </form> --> </table> <!-- 查询结果结束 --> </div> </div> <!--/content--> </div> <!-- /layout --> <jsp:include page="../foot.jsp"></jsp:include> </div> <!-- /wrap --> </body> </html> ``` ![图片说明](https://img-ask.csdn.net/upload/201603/24/1458751776_349091.jpg) ![图片说明](https://img-ask.csdn.net/upload/201603/24/1458751820_784105.jpg)

javascript 字符串拼接渲染的html元素,不能添加事件,为什么?哪位大神帮忙解答,感激不尽!

js字符串拼接: ``` '<p class="add"> <i class="icon iconfont icon2">&#xe60a;</i> &nbsp;<span class="nums"> 1 </span> &nbsp; <i class="icon iconfont icon1">&#xe63c;</i> </p>' ``` jquery 事件代码: ``` $(".add .icon1").bind("click",function(){ alert("1"); }) ``` 但是在浏览器中执行无效。 直接写在html中是有效的,但是这个需要获取数据再渲染。求哪位大神帮忙指点!

这段代码在ie8中效果失效,请帮忙看看

![图片说明](https://img-ask.csdn.net/upload/201704/26/1493194782_720096.png) ![图片说明](https://img-ask.csdn.net/upload/201704/26/1493194789_709556.png) ![图片说明](https://img-ask.csdn.net/upload/201704/26/1493194531_278394.png) 这段代码在ie8中效果失效,请帮忙看看

只有20行代码!请大神帮忙看看,为什么drawPath( )会失效,但drawCircle( )却管用

public class Hehe extends View { Path p; Paint p1; public Hehe(Context context, AttributeSet attrs) { super(context, attrs); // TODO Auto-generated constructor stub p=new Path();//定义一个路径 p.moveTo(40, 40); p.lineTo(80, 90); p1=new Paint();//定义一支画笔 p1.setStrokeWidth(3); p1.setColor(Color.BLACK); } public void onDraw( Canvas canvas) { canvas.drawCircle(20, 20, 10, p1);//画一个圆。能画出来。 canvas.drawPath(p,p1);//通过用路径的方式,画一条直线。画不出来。![CSDN移动问答][1] } } [1]: http://www.eoeandroid.com/data/attachment/forum/201311/07/092629t4r501691chou39y.jpg

Spring.net 注入失效问题!求大神帮忙解答!一晚上没有搞出来。

本人做了一个Spring+MVC的框架项目。在MCV控制调用BLL层的时候注入成功。但是BLL层调用DAL层的时候 Spring注入的失效。报错:对象未实例化。 以下是图和代码 这个注入成功的情况, ![图片说明](https://img-ask.csdn.net/upload/201611/26/1480175983_845856.png) ``` <object type="EducationPortal.Controllers.HomeController,EducationPortal" singleton="false" > <property name="AdminBLL" ref="adminBLL" /> </object> <!--配置Service--> <object name="adminBLL" type="BLL.AdminBLL,BLL" singleton="false" > </object> ``` 但是在BLL层调用DAL层的时候Spring注入失败,以下是图片和代码 ![图片说明](https://img-ask.csdn.net/upload/201611/27/1480176015_383587.png) 注入代码 <object type="BLL.AdminBLL,BLL" singleton="false" > <property name="AdminDAL" ref="adminDAL" /> </object> <!--配置Service--> <object name="adminDAL" type="DAL.AdminDAL,DAL" singleton="false" > </object> ``` ``` 那位大神给指点下,看看哪里有问题,谢谢。万分感谢!!

更改appsecret后微信分享失效了 提示invalid signature 求大神帮忙!!

![图片说明](https://img-ask.csdn.net/upload/201903/31/1554044159_615549.jpg) 更改appsecret之前没有问题

使用type="text/x-jquery-tmpl1"的js遇到的问题,请大神帮忙!!

本人使用**百度地图api**做导航,其中有一步是点击按钮,通过调用这种js出现覆盖物窗体,我写的都能显示包括按钮、图片以及上面那个**text类型的input**。但是!这个框**_不能输入内容_**。请大神帮帮我!!

html父元素设置为visibility:hiddec,其子元素一并隐藏,但仍然能触发子元素点击事件!

页面用了一个弹出框。 通过设置div(父元素)的visibility属性来控制隐藏显示。 当父元素隐藏起来,点击页面的空白处,仍然能触发内部子元素的点击事件! 求大佬指点,在线等,急!

我感觉非常奇怪不能理解,请大神帮忙看看

C语言一个非常奇怪的问题。大神们来看看。。。 //下面是我写的测试KMP算法的程序。问题在KMP算法注释中。。。。。。。。。 #include<stdio.h> #include<string.h> int next[10]={0}; void findnextal(char *s) { int i=0,k=-1,len; len=strlen(s)-1; next[0]=-1; while(i<len) { while(k==-1||s[i]==s[k]) { i++; k++; next[i]=k; while(s[i]==s[k]) { next[i]=next[k]; k=next[i]; } } k=next[k]; } } int kmp(char *s,char *p) { int i=0,j=0; while(j!=strlen(p)&&i<strlen(s))//为什么把j!=strlen(p)改为j<strlen(p)程序就失效了? { if(s[i]==p[j]||j==-1) { i++; j++; } else j=next[j]; } if(j==strlen(p)) return i-strlen(p); else return -1; } int main() { int i; char str[100],s[100]; printf("input p:\n"); gets(str); findnextal(str); for(i=0;i<strlen(str);i++) { printf("%d ",next[i]); } printf("puts s:\n"); gets(s); printf("%d ",kmp(s,str)); return 0; }

H5页面运用iscroll后点击报错,click和a标签失效什么原因?

前端新手,最近在做h5页面中下拉刷新上拉加载的的功能,该功能已经实现,但在滑动时会有错误提示如下: ![图片说明](https://img-ask.csdn.net/upload/201809/29/1538189741_331508.jpg) 且a标签和click事件均失效,点击报错 ![图片说明](https://img-ask.csdn.net/upload/201809/29/1538189750_660794.jpg) 添加了click:true 也设置了preventDefault和preventDefaultException,以及addEventListener均不起作用。 查了很多资料没有找到解决方法故在此求助!

preview插件 刷新页面后图片放大失效???

使用preview插件 刷新页面后图片放大失效 # ![图片说明](https://img-ask.csdn.net/upload/201905/06/1557137878_125552.png) ![图片说明](https://img-ask.csdn.net/upload/201905/06/1557137934_255926.png) ![图片说明](https://img-ask.csdn.net/upload/201905/06/1557137943_761946.png) 求大神指教!!!!!!

js点击子元素让父元素隐藏失效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>登录</title> <link rel="stylesheet" type="text/css" href="css/main.css"/> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/main.js"></script> </head> <body> <div id="out-content"> <div id="content"> <ul id="nav-title"> <li>分类一 <span class="show-text" style="left:0px;" id="show-text-one"> <img src="images/close_015.gif" class="close-img" id="img-close-one" /> <div class="xuanzhuan" style="left:25px;"></div> 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 </span> </li> <li>分类二 <span class="show-text" style="left:-80px;"> <img src="images/close_015.gif" class="close-img" /> <div class="xuanzhuan" style="left:105px;"></div> 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 </span></li> <li>分类三 <span class="show-text" style="left:-160px;"> <img src="images/close_015.gif" class="close-img" /> <div class="xuanzhuan" style="left:185px;"></div> 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 </span></li> <li>分类四 <span class="show-text" style="left:-240px;"> <img src="images/close_015.gif" class="close-img" /> <div class="xuanzhuan" style="left:265px;"></div> 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 </span></li> <li>分类五 <span class="show-text" style="left:-320px;"> <img src="images/close_015.gif" class="close-img" /> <div class="xuanzhuan" style="left:345px;"></div> 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明说明 </span></li> </ul> <div id="myslide"> <img src="images/jiaju_01.jpg" class="first" /> <img src="images/jiaju_02.jpg" /> <img src="images/jiaju_03.jpg" /> <img src="images/jiaju_04.jpg" /> <img src="images/jiaju_05.jpg" /> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> <div id="login"> <div class="title"> <div class="title-one bgcolor-one">个人</div> <div class="title-two">商户</div> <div class="title-three">志愿者</div> </div> <div class="uname"> <img src="images/uname.png" class="img-one" /> <input type="text" class="input-one" placeholder="请输入用户名" /> </div> <div class="upwd"> <img src="images/pwd.png" class="img-one" /> <input type="text" class="input-one" placeholder="请输入密码" /> </div> <div class="uyzm"> <div class="name">验证码</div> <input type="text" class="input-yzm" /> <img src="images/jiaju_01.jpg" class="img-yzm" /> </div> <input type="button" class="btn-login" value="登 录" /> </div> </div> </div> <div id="footer"> 版权所有 版权所有 版权所有 版权所有 版权所有 版权所有 版权所有 版权所有 </div> </body> </html> body{margin:0px;padding:0px;font-family:宋体,Arial;font-size:13px;position:relative;background:#FFF9E1;} ol,ul,li,img,input{margin:0px;padding:0px;list-style:none;} div{margin:0px auto;padding:0px} .bgcolor{background:#E84B66 !important;} img,input{outline:none;} .bgcolor-one{background:#4FB8CF !important;color:#FFF;} .hide{ display:none;} #out-content{min-height:480px;} #content{width:1000px; overflow:hidden; position:relative;} #nav-title{width:1000px;height:50px;} #nav-title li{float:left;font-size:15px;font-weight:700;color:#A4A3A2;line-height:50px;cursor:pointer; position:relative; width:80px; height:50px; color:#4D4D4D; text-align:center;} .show-text{position:absolute; width:500px; height:330px; z-index:9000; background:#FFF;padding:15px; line-height:20px; letter-spacing:1px; font-size:13px;font-weight:400; color:#4D4D4D; top:50px; display:none;} .xuanzhuan{width:30px;height:30px;background:#FFF;position:absolute; top:-10px; z-index:-1000; transform:rotate(45deg); -ms-transform:rotate(45deg); /* IE 9 */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari 和 Chrome */ -o-transform:rotate(45deg); /* Opera */ } .close-img{width:18px; height:18px; position:absolute; right:0px; top:0px; z-index:8000;} .closex{width:18px; height:18px; position:absolute; right:0px; top:0px; z-index:8000; color:red; font-size:16px; line-height:18px;} #myslide{width:650px;height:420px;position:relative;overflow:hidden;float:left;} #myslide img{width:650px;height:420px;border:none;outline:none;position:absolute;top:0px;left:0px;display:none;} #myslide img.first{display:block;} #myslide ul{position:absolute;z-index:8000;bottom:20px;} #myslide ul li{float:left;width:10px;height:10px;margin-left:8px;border-radius:50%;background:#FFF;} #myslide ul li:hover{background:#E84B66;} #login{width:300px; height:420px; float:right; border:1px solid #E4E4E4;} #login .title{width:300px; height:50px; line-height:50px; font-size:18px; font-weight:800; border-bottom:1px solid #E1E1E1;background:#EBF2F9;} #login .title .title-one{width:99px; border-right:1px solid #E1E1E1;float:left; text-align:center; cursor:pointer;} #login .title .title-two{width:99px; border-right:1px solid #E1E1E1;float:left;text-align:center;cursor:pointer;} #login .title .title-three{width:100px;float:left;text-align:center;cursor:pointer;} #login .uname{width:240px;height:40px; border:1px solid #D7D7D7; border-radius:5px; margin-top:35px; vertical-align:middle; background:#FFF;} #login .uname .input-one{ width:200px; height:40px; line-height:40px; float:left; border:none;padding-left:3px;} #login .uname .img-one{width:32px; height:32px; margin-top:4px; float:left;} #login .upwd{width:240px;height:40px; border:1px solid #D7D7D7; border-radius:5px; margin-top:25px;background:#FFF;} #login .upwd .input-one{ width:200px; height:40px; line-height:40px; float:left; border:none;padding-left:3px;} #login .upwd .img-one{width:32px; height:32px; margin-top:4px; float:left;} #login .uyzm{width:240px;height:40px;border-radius:5px; margin-top:30px;} #login .uyzm .name{width:53px; height:40px; line-height:40px; float:left; text-align: left; font-size:15px;color:#9D9D9D;} #login .uyzm .input-yzm{width:80px; height:32px; line-height:32px; padding:0px 5px; float:left; border:1px solid #DDDDDD;} #login .uyzm .img-yzm{ width:80px; height:34px; float:left; margin-left:12px;} #login .btn-login{width:240px; height:40px; line-height:40px; color:#FFF; background:#E94A66;border-radius:5px; margin-top:55px; border:none; margin-left:30px; font-size:18px; font-weight:bold;} #footer{width:1000px; height:120px; line-height:120px; text-align:center;} $(document).ready(function(e) { $("#myslide ul").css("left",function(){ return ($("#myslide").width()-$("#myslide ul").outerWidth())/2-4; }); $("#myslide ul li").eq(0).addClass("bgcolor"); var index=1; function Slide(){ if(index>=$("#myslide img").length){ index=0; } $("#myslide img").hide(); $("#myslide").find("img").eq(index).show(); $("#myslide ul li").removeClass("bgcolor"); $("#myslide ul li").eq(index).addClass("bgcolor"); index++; } var StartSlide=setInterval(Slide,6000); $("#myslide ul li").click(function(){ var lindex=$(this).index(); $("#myslide img").hide(); $("#myslide").find("img").eq(lindex).show(); $("#myslide ul li").removeClass("bgcolor"); $("#myslide ul li").eq(lindex).addClass("bgcolor"); index=lindex+1; clearInterval(StartSlide); StartSlide=setInterval(Slide,6000); }); $("#login .title div").click(function(){ $("#login .title div").removeClass("bgcolor-one"); $(this).addClass("bgcolor-one"); }); $("#out-content").css("height",$(window).height()-$("#footer").height()); $("#content").css("margin-top",($("#out-content").height()-$("#content").height())/2); $("#nav-title li").click(function(){ $(".show-text").hide(); $(this).find(".show-text").show(); }); $(".close-img").click(function(){ alert("123"); $(".show-text").hide(); }); });

各位大神,问一下后台如何通知Android端Session已失效,哪位大神帮帮忙,非常感谢!

各位大神,问一下后台如何通知Android端Session已失效,我拦截器中把通知放在响应头中,传不过去,重定向到Controller中返回JSON对象也不行,哪位大神帮帮忙,非常感谢!

php 解析302跳转后的链接,莫名其妙的就失效了,求大神看看,到底哪里写错了

php 解析302跳转后的链接,莫名其妙的就失效了,求大神看看 ``` $ch = curl_init(); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 0); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1); // 302 redirect $data = curl_exec($ch); $Headers = curl_getinfo($ch); curl_close($ch); if ($data != $Headers){ $value=array( 'code'=>0, 'msg'=>'成功', 'url'=>$Headers["url"] ); echo json_encode($value);exit; }else{ $value=array( 'code'=>-1, 'msg'=>'链接错误!' ); echo json_encode($value);exit; } ``` $Headers["url"]现在他返回的是原链接。。

angularJs执行一段代码后页面其他按钮点击事件失效

![图片说明](https://img-ask.csdn.net/upload/201612/04/1480850914_532278.png) 这段逻辑本身能跑通,但是执行完后,页面的其他功能都失效了,事件也无法触发,浏览器上没有报错

动态编写html代码后,外部引入的js文件效果失效,但原html文件依然有效。

如题,我将原本写死的html页面要改成动态获取内容后,也就是使用ajax进行html页面的拼接,引入的js文件效果失效,网上都说要重新绑定js事件,可是我外部引入的js文件怎么重新绑定?哪位前端大神帮忙给个建议。

关于使用Flex页面失效的问题!!

系统在使用360浏览器进行测试时,还算满意.但是在IE中,其他的都很好. <br />就一个报表页面在IE窗口化后就无法打开.页面失效.谁能说说这是怎么回事.如果知道,帮忙解决下.. <br /> <br />我使用的Flex3, as, SSH <br />

springmvc跳转无效,请大神解救。

今天在做一个功能,用户点击立即购买后要判断是否登陆。没有登陆就要通过过滤器判断然后跳转到登陆 页面。现在碰到的问题就是跳转到登陆页重新登陆后不会重定向到之前的页面,也就是点击立即购买的页面。 搞了一个下午还没解决 我把这个跳转重新写到另一个test方法进行测试点击会跳转,我就把登陆方法的重定向到这个测试方法,但 并不会跳转,我怀疑是过滤器的问题,f12查看跳转的路径都是正确的,请大神帮忙看看。 代码贴上 ![图片说明](https://img-ask.csdn.net/upload/201806/20/1529492883_5647.png) ![图片说明](https://img-ask.csdn.net/upload/201806/20/1529490095_823116.png) ![图片说明](https://img-ask.csdn.net/upload/201806/20/1529490105_324895.png)

c#解决方案求大神绑蔓帮忙

我又两个解决方案,想合成一个,可以合成一个吗?求大神帮忙!急!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

点沙成金:英特尔芯片制造全过程揭密

“亚马逊丛林里的蝴蝶扇动几下翅膀就可能引起两周后美国德州的一次飓风……” 这句人人皆知的话最初用来描述非线性系统中微小参数的变化所引起的系统极大变化。 而在更长的时间尺度内,我们所生活的这个世界就是这样一个异常复杂的非线性系统…… 水泥、穹顶、透视——关于时间与技艺的蝴蝶效应 公元前3000年,古埃及人将尼罗河中挖出的泥浆与纳特龙盐湖中的矿物盐混合,再掺入煅烧石灰石制成的石灰,由此得来了人...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

外包程序员的幸福生活

今天给你们讲述一个外包程序员的幸福生活。男主是Z哥,不是在外包公司上班的那种,是一名自由职业者,接外包项目自己干。接下来讲的都是真人真事。 先给大家介绍一下男主,Z哥,老程序员,是我十多年前的老同事,技术大牛,当过CTO,也创过业。因为我俩都爱好喝酒、踢球,再加上住的距离不算远,所以一直也断断续续的联系着,我对Z哥的状况也有大概了解。 Z哥几年前创业失败,后来他开始干起了外包,利用自己的技术能...

C++11:一些微小的变化(新的数据类型、template表达式内的空格、nullptr、std::nullptr_t)

本文介绍一些C++的两个新特性,它们虽然微小,但对你的编程十分重要 一、Template表达式内的空格 C++11标准之前建议在“在两个template表达式的闭符之间放一个空格”的要求已经过时了 例如: vector&lt;list&lt;int&gt; &gt;; //C++11之前 vector&lt;list&lt;int&gt;&gt;; //C++11 二、nullptr ...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

深入剖析Springboot启动原理的底层源码,再也不怕面试官问了!

大家现在应该都对Springboot很熟悉,但是你对他的启动原理了解吗?

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

【阿里P6面经】二本,curd两年,疯狂复习,拿下阿里offer

二本的读者,在老东家不断学习,最后逆袭

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《经典算法案例》01-08:如何使用质数设计扫雷(Minesweeper)游戏

我们都玩过Windows操作系统中的经典游戏扫雷(Minesweeper),如果把质数当作一颗雷,那么,表格中红色的数字哪些是雷(质数)?您能找出多少个呢?文中用列表的方式罗列了10000以内的自然数、质数(素数),6的倍数等,方便大家观察质数的分布规律及特性,以便对算法求解有指导意义。另外,判断质数是初学算法,理解算法重要性的一个非常好的案例。

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

微软为一人收购一公司?破解索尼程序、写黑客小说,看他彪悍的程序人生!...

作者 | 伍杏玲出品 | CSDN(ID:CSDNnews)格子衬衫、常掉发、双肩包、修电脑、加班多……这些似乎成了大众给程序员的固定标签。近几年流行的“跨界风”开始刷新人们对程序员的...

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

我说我懂多线程,面试官立马给我发了offer

不小心拿了几个offer,有点烦

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

立即提问
相关内容推荐