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

我的页面的效果都是美工给我做的,包括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的。第三,我项目发布后的页面,另存为后,给别人用效果是好的,证明我的代码应该是没问题的。

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

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

0

12个回答

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

1

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

7

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

1

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

0

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

0

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

0

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

0
 js拿出来看看
0

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

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

}

0

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

0
共12条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!

相似问题