我的页面的效果都是美工给我做的,包括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的。第三,我项目发布后的页面,另存为后,给别人用效果是好的,证明我的代码应该是没问题的。
所以,问题来了,到底是哪里出了问题呢??
---------------------------更新-----------------------------------
浏览器换了谷歌 、 搜狗 、火狐 ,全都不好用。缓存也都清除了,依旧不好用。
你可以看看你的点击事件是怎么写的,可能是你的点击事件在页面通过js读后台数据加进去之前绑定,那个时候js读后台数据加进去的页面内容还没有加载出来,所以是绑定不了的,你可以试试把绑定事件放到数据加载之后。还有就是你说你们美工说页面另存为在她的电脑上就可以打开,我觉得是因为你另存的时候讲页面整个的保存下来了,包括了HTML 的代码,所以加载HTML代码就在绑定事件之前。希望我的回答可以帮助到你~
你清除自己浏览器的缓存再试一试
。。。。。。。换个浏览器试试
浏览器问题一定要注意缓存。。。。。习惯清缓存
浏览器问题一定要注意缓存
换一下浏览器 现在 有的浏览器不兼容 你看看 浏览器控制台console 有没有js错误
问题可能出现在,你在写界面的时候,全用的静态节点数据,而发布的时候是动态节点,如果是动态生成的节点,那么你的触发事件,要做事件委托。
这什么都看不出来,起码把你的JS贴出来看看啊
事件绑定位置100%有问题,异步加载的事件的绑定要不到异步加载成功的回调里面执行绑定,不要用你原来的代码进行绑定,如果是jquery改为on绑定事件,做代理,不能直接$('xxxx').click选出元素进行绑定
js拿出来看看
ajax回写的内容,要重新绑定click事件:
success:function(data){
...
$(dom).click(function(){...});
}
可以考虑换一个浏览器啊!