解决问题思路汇总---持续更新

1.当发现所写事件不按常理出牌时，检查是否有公共js也对该事件有其它写法，所以都执行了所导致，此时解决为了不影响其它页面关于该公共事件的影响，且对以后其它页面有公共通用性；

建议：给该页面所触发事件的节点添加自定义属性，并在公共js中该事件写法中排除此自定义事件。

html代码

<span class="button close" notClose="true">取消</span>

js公共代码

$('.close').click(function () {
    if($(this).attr('notClose')){return}
    $(this).parents('.layer').fadeOut(300);
  });

这样其它页面有相同需求时，在相应节点添加notClose属性即可

2.页面本身应该显示但是没有显示；

思路：首先检查是否是层级不够z-index;其次是overflow，如果不是当前层级的问题，继续找上级，一层一层向上找，设置overflow:initial,找到设置该样式对了之后的层级，对该层级设置高度。

 工作遇到后，找到这样修改就对了

height: calc(100% - 48px)