点击按钮显示弹出框但没有任何效果，控制台也无报错

Question

这是点击触发弹出的按钮<div class="message_box2_tittle">计划采购物品                 <span style="float:right; padding-right:50px">                     <button type="button" class="btn btn-warning message1" onclick="form_btn()">添加物品                     </button>                 </span>                </div>这是点击后弹出的弹出框<div class="industry" >           <p>请先选择行业分类</p>           <div class="">               <label for="smallinput" class="col-sm-3 control-label label-input-sm form-name-1">*所属行业</label>               <div class="col-sm-8">                   <select name="selector1" id="form-name-5" class="form_celect">                   </select>               </div>               <div class="clear"></div>           </div>           <span class="industry_close" onclick="colse()">X</span>           <div id="btn_botton">               <button type="button" class="btn btn-warning" onclick="confirm()">确定</button>           </div>       </div>JS部分<script type="text/javascript"> var goodsArray; //行业分类选择 function form_btn(){     if (goodsArray.length<1){         $(".industry").css("display","block");//目前我需要弹出的框     }     else {         $(".goods").css("display","block");//另一个弹出框     } } </script>1.该页面下弹出框已经被隐藏了！2.点击按钮后判断goodsArray值，小于1时弹出industry弹出框，但是点击后没有任何效果，控制台也没有报错。3.相同的代码在另一个页面都可以用!

Answer 1

goodsArray你只是做了定义,但是goodsArray.length的值并没有啊?如果你有其他代码没有展示的话,建议你观察控制台,点击的时候选中该弹窗的dom元素观察是否添加了display:block的css属性,如果没有就说明你if,else判断的有问题.如果有display:block那你就要看一下弹出框是否有其他样式遮盖影响,或者本弹窗没有高度再或者超出视窗等等因素.

Answer 2

这里的问题在于if里面的判断。
你要确认一下 goodsArray.length的值。
你这个之所以没有执行，是因为定义的时候有问题。
你改成：

var goodsArray = [];

这样试一试就OK了。

Answer 3

首先form_btn()　里面打一行日志，看下浏览器调试工具有没有日志输出。如果有，在if分之里面分别大一行，看下执行到哪个分支了，看下是不是你想要执行的条件分支。

Answer 4

找到原因了，倒是跟这些没关系。因为css是其他人写的，弹出框被覆盖了。