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

Question

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

所以，问题来了，到底是哪里出了问题呢？？

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

Answer 1

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