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

这是点击触发弹出的按钮

<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.相同的代码在另一个页面都可以用!

0

4个回答

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

0

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

var goodsArray = [];

这样试一试就OK了。

0

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

0

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

0
qq_40513881
槿畔 哈哈,那就对了
6 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
测试代码运行后不报错,数据库也会生成表,但控制台不能输出。哪位大神能帮我解决?
package hibernate_day01; public class User { private int uid; private String username; private String password; private String address; public int getUid() { return uid; } public void set
单击提交按钮,没有任何反应
这时你可以去看一下,看看你的按钮是否是使用某些标签库实现的(如struts标签库),如果是使用了某些标签库来实现的, 那么就有可能是你没有导入相应的标签库导致的。
html+css+js实现点击弹出窗口效果
用html+css+js/jquery实现的点击按钮弹出一个层窗口效果。注释部分使用js实现的,script部分则是jquery实现的,效果更好一些。可以把jquery部分注释掉来看js的效果
点击按钮从上而下弹出漂亮的模拟框
Insert title here $('#myModal').on('shown.bs.modal', function () { $('#myInput').focus() }) 创建模态框(Modal) <!-- 按钮触发模态框 --> <button class="btn btn-primary btn-lg" data-toggle="modal"
eclipse报404,但是项目没有任何错误,有可能Tomcat没有添加项目
要找的原因:有可能tomcat没有编译进去解决办法:项目右击àpropertiesàJava Build PathàDefault output folder:填上&quot;你的项目名/target/classes&quot;
点击按钮显示弹出框
package com.briup.dialog; import android.app.Activity; import android.app.AlertDialog; import android.content.DialogInterface; import android.content.DialogInterface.OnClickListener; import android.o...
Bootstrap中的模态框遇到点击选项跳转后模态框不显示的问题
今天做页面的时候,用模态框遇到的问题: 由于angular不同的部分有不同的controller ,所以跳转的时候如果还有其它动作,一定要注意操作的先后顺序。 比如这个模态框,如果没有外面这一层代码,模态框的遮罩层就不会关闭,然后就跳转了。加上这一层,就OK了。 其中,hidden.bs.modal表示在模态框隐藏之后处理的动作。$('#mymodal-data1').on('hidden.b
uploadify无法正常上传,点击上传按钮没反应,进度条也不显示
    点击看原帖
点击uploadify上传按钮没有效果
在做项目时使用uploadify作为上传插件,按钮图标能够正常显示,swf文件也正常加载了,但是鼠标放上去没有变成小手形状,点击也没有任何反应,也不弹出选择文件的窗口 最后发现原因是我的swf文件是在phpstorm中从另一个项目中复制过来的,可能是复制过程中出现了损坏,重新下载并替换,问题就解决了,供大家参考。
弹出层的静态界面和动态效果(弹出关闭)
今天真是觉得自己弱爆了,弹出层的动态效果(点击按钮出现,点击右上角X关闭或者遮罩层关闭)竟然弄了那么久才知道出了什么问题,老司机请让路,新手可以看一下。。超级简单的事情,唉=-= 首先是静态界面一般有三个主体: 1.按钮,点击触发弹出时间; 2.弹出层,右上角一般有个X可以点击关闭,或者底下有个确定按钮; 3.遮罩层,在弹出的时候避免和网页页面内容混淆。 按钮部分就不说了,任何元
饿了么项目---9、点击按钮显示或隐藏浮出层弹框 使用css3的过渡效果transition
问题:点击按钮显示或隐藏浮出层弹框 在使用这一功能时,首先想到的是使用css3的transition过渡来实现显示与隐藏的交互功能。因为使用css来做这个效果会实现更加平滑的过渡。然而单纯的css3过渡是由浏览器直接改变元素的css属性实现的,例如使用:hover选择器,一旦用户将按钮悬停在元素上,浏览器就会应用跟选择器关联的属性。(参考HTML5权威指南第477页) 解决方式: 故可以使用v
Android 点击按钮弹出ListView对话框
在主Activity中 public class ZHGLActivity extends AppCompatActivity { private List list = new ArrayList(); private AlertDialog.Builder builder; private AlertDialog alertDialog; @Override protected
当进入一个方法时,你发现进去之后就出不来了,控制台没有报错和异常
 昨天在进去这个方法时,进去了就没有执行下一条语句,控制台没有报错也没有抛异常,用debug调试才知道,少包了(在debug调试页面的右上角点击才知道)。最后将需要的包加入就好了。 本人还是小白阶段,有什么问题的,请大佬们指出,谢谢。...
使用easyui dialog 弹出框的一些注意事项
使用easy ui 的dialog弹出框制作后台管理系统时需要点击按钮弹出个新的弹出框,为了保持每次点击显示出来的数据都是重新渲染,从后台获取的,可以这样来写:function piliangchuli(){ $("").dialog({ title: '批量处理', id:'batchProcessing', width: 920, height:
页面404,但是后台不报错的解决方案!心得!
由于上篇需要Struts和servlet共存,然后把web.xml里的Struts过滤/.*改成了*.action,如图所示:之前写代码action里直接就是action名字,习惯了。所以即使出错了也没想到是这里。网页404,看了看后台,没报错!然后clean一下,没毛病。奇了怪了。后来发现通过AJAX查询的正常。原来这个表单都没传出去!在action那里加上.action就行了!如图所示: 希
浏览器控制台突然输不出js中效果的小错误
练习一下js,打算控制台查看效果,结果控制台什么都输不出,调试代码也没有发现错误,后看到那个过滤器那里,把之前的link单词删掉chrome浏览器就显示出了错误提示 大概的意思是无效的正则表达式:缺了一个/。。。。后来查看代码,,,我天注释的时候真的少了一个/,之后问题就解决了,后来又有问题   大概的意思是arr这个变量没有定义,,,,,终于改后   控制台终于打印出数据了。。...
JAVA JUnit 单元测试出错且无异常信息的解决方案
方法一:对可能出错的代码块进行Try Catch。 方法二:去除Junit注解,使用main方法测试。
【Axure教程】动态面板制作弹出框效果
作为一名互联网产品设计人员,相信很多同行每天上班电脑上都会运行着一个软件——Axure,她能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。 随着互联网展品的发展,交互元素越来越多的在页面中体现,常见的就有很多的弹出框,大家在使用微波的时候就会深有体会。 (新浪微博的各种弹出框)
Android studio 调试时,出现错误闪退,但是控制台没有打印错误信息
解决途径: 可以监视一下 RuntimeInit.UncaughtHandler 这个类的uncaughtException这个方法 贴上代码给予参考 /* * Copyright (C) 2006 The Android Open Source Project * * Licensed under the Apache License, Version 2.0 (the "L
ubuntu桌面不显示
<br />进终端 输入 gconf-editor <br /> 把这里改成真就行 <br /><br /> 在 / - apps  -  nautilus  -  preferences   中 (/apps/nautilus/preferences/)<br />  将 show_desktop 与 show_advanced_permissions 的勾添加上(有时需要先取消,然后再加上)
JQuery弹出层,点击按钮后弹出遮罩层,有关闭按钮
DOCTYPE html> html xmlns="http://www.w3.org/1999/xhtml"> head> title>jQuery弹出层效果title> meta content="网页特效,特效代码,jQuery,css特效,Js代码,广告幻灯,图片切换" name="keywords" /> meta content="jQuery弹出层效果,有关闭按钮,代码简单易懂,你可
使用ueditor时,所有的按钮,下拉,超链接弹出框,还有表情框都不显示,总结下
使用ueditor时,所有的按钮,下拉,超链接弹出框,还有表情框都不显示的解决办法
小错误maven install 控制台 无输出
记录一个在maven 多模块 多Web模块合并war时遇见的小错误,虽然是小问题,但也浪费了很多时间,特此记录! 正常状况maven install 后 ,控制台是这样的 我的最初效果是控制台无任何输出..... 如果你也遇见这个问题,建议检查maven的版本,你的eclipse很可能与你的maven版本不匹配
ajax延迟导致点击切换效果失败
如果点击效果的切换中只有立马执行的效果,那没有什么影响。如果点击切换的时候有关联到ajax的程序,那就要小心了,因为ajax的执行是会有延时效果的。只能把事件写在success里面才可以正常显示。如果没有的话,那么回出现双击点击的时候出错
iOS 点击按钮没有效果解决办法
有时我们在点击某个Button,但是却没有执行选择器的办法,这是什么原因 1.还有一种情况,就是我们无意间将button的用户交互给关了就是button的属性: userInteractionEnabled = NO;这样我们就无法点击,但是button默认是YES所以通常情况下,我们是不会遇见这种情况的。 2.我们用到的控件都有一个层级,这个控件在另一个控件上,所以当我们点击button的时
【Bootstrap】——popover效果弹出框
Popover提供了一个扩展的视图。小编使用到了Popover的两种效果:      第一种:将鼠标移入所添加效果的元素,出现Popover视图,移出元素视图隐藏;      第二种:单击添加效果元素,展现Popover视图,再次单击隐藏视图。     首先,如果要引用该插件,需要引用popover.js,它依赖于工具提示插件,大家可以直接引用bootstrap.js 或bootstrap.
在jsp中js jquery点击按钮出现一个对话框的实现
对话框JSP页面 customerSearchDialog.jsp X 输入查询条件 客户编号: 客户名称: 地区名称: 专营业务员: 发展日期: - onClick="loadGoodsPage();"> src='/image/admin/btn_search.gif' />查询
JS实现侧边栏鼠标经过弹出框+缓冲效果
可能这个标题起得不够恰当,简单来说就是:当鼠标移到最左侧时,移出一个框。 首先,我们用两个div来简单布局以下页面:<div id="box"> <div id="share">分享到</div> </div>这个分享框的弹出原理是:把内层div定位到外层div最右侧紧贴,然后把外层div定位到屏幕左外测,left的值与宽度相等,刚好隐藏掉就可以。当鼠标经过时,再通过改变left的值使外层
jQuery视频弹出效果
jQuery视频弹出效果,源码与DEMO,点击弹出视频,居中显示
前台框架EasyUI的弹出框dialog,样式调整总结
项目开发使用到了前台框架EasyUI进行开发,因为它开发简单,容易入手,有详细的api支持,能够加快项目的开发进度,降低项目开发成本。   下面对最近使用到的关于EasyUI的弹出框dialog,样式调整进行简单总结:   1.设置弹出框可以最小化,最大化,可折叠,可缩放      2.在datagrid中设置,点击某一条数据进行操作时,设置蒙版效果
UIButton快速按不产生高亮效果
在做demo时, 发现 UITableViewCell 中的 UIButton 短按一次看不到默认的变灰效果, 停留稍长才能变灰, 比如twitter官方客户端用户头像, 微博的转评赞三按钮。 微博各类客户端的头像和其他按钮也是这样, 头像很多直接是imageView加手势。 这方面细节处理的最好的是 Instagram 不管短按长按都会灰, 这样才有打击感。 经一番搜索之后得知 UIT
vue 组件弹出框点击显示隐藏
本案实现的效果如下图 由于我的更改密码弹出框是一个组件引用的,所以在一开始是隐藏的,这就需要在当前的页面上对弹出框组件设置v-show,但是在弹出框显示出来的时候,操作执行完后当前页面的更改按钮已经被弹出框覆盖了。所以只能在弹出页面点击取消实现关闭隐藏弹出框。这样就需要写两个点击事件,但是两个点击事件就会有冲突,需要点击两下才能使弹出框显示和隐藏。然后我就用的以下方法,希望可以帮到大家!!!
Axure 动态面板实现弹出框效果
今天在画原型图的时候遇到了个弹出框效果的实现,感觉挺有意思的,拿出来share下~           如图:当我点击删除按钮后,如果用户选择删除,则要求要弹出一个对话框来让用户输入处理备注,如果不要删除,则点击取消;               首先描述下大致思路,我在页面上加上一个动态面板,然后为这个动态面板加上两个状态,一个是显示弹出框,另一个是隐
vue.js实现点击按钮和弹出层其他位置弹出层消失方法
这其实是一个很常见的弹出层效果,鼠标点击按钮切换弹出层的显示,点击其他区域弹出层消失,用javascript绑定事件可能几行代码就搞定了,但是vue.js的状态驱动模式和javascript的事件驱动模式是不同的,下面是使用vue.js的实现方式:鼠标点击button会切换一个布尔值show,用show来控制弹出层的显示,而包裹着&amp;lt;transition&amp;gt;标签的弹出层在show的状态改变...
js实现点击按钮时显示弹框,点击按钮及弹框以外的区域时隐藏弹框
问题:js实现点击按钮时显示弹框,点击按钮及弹框以外的区域时隐藏弹框? 方案一:这个问题通常的办法是使用阻止事件冒泡来实现,代码如下(省略css): &amp;lt;body&amp;gt; &amp;lt;button id=&quot;btn1&quot; onclick=&quot;alertBoxFn();stopBubble()&quot;&amp;gt;打开弹窗&amp;lt;/button&amp;gt; &amp;lt;div id=&quot;alertBox&quot; onc
vue.js的那些坑--程序没报错,但是显示的组件没有显示
如果正常的话应该可以显示App.vue里面的内容?但是什么都没有显示,整个页面都是空白的,所以应该是组件没有挂上去?但是没有哪个地方报错..对于我这个vue新手,对没报错但又确实错了的情况很茫然,困惑了两天,终于解决了下面是项目的一些相关文件 main.js App.vue goods.vue index.html 尝...
点击弹出一个div弹框示例
点击文字弹出一个DIV层窗口代码                    .black_overlay{              display: none;              position: absolute;              top: 0%;              left: 0%;              width: 100%;         
点击加入购物车弹出模态框
效果   子组件里的值要从父组件里传递,而不能由子组件去改变,也可以子组件自己修改,但是不不能影响到父组件 首先在src/commmponts里新j建一个model, 用到插槽slot和props父子传值和$emit触发事件  ...
Ext JS4.2 实现点击按钮弹出window框
fatherDashboard.js       var execVersionButton =  Ext.create('Ext.Button', {             text: '子窗口显示',             width: 80,             handler: function() {             versionGridStore.load(
Axure实现弹框周围遮罩效果
每一次我都惊叹知识的浩瀚和多彩。在IT这个所做即所得的世界里,很容易获得成就感,当然也时时刻刻活在对大神的膜拜之中。就以这次的原型图制作来说,我们遇到了很多的问题,自己实现了很多功能。但是今天晚上大家对自己原型图的演示和分享之中,又让我感叹Axure功能的强大。下面就用遮罩,这个功能来说吧,它是如何实现的,这花了小编将近5个小时的时间,中间抓耳挠腮,心急火燎,然后做出来之后恍然大悟,拍手叫好。这其
文章热词 设计制作学习 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 java控制台五子棋学习 nlp课程的效果

相似问题

4
点击按钮显示弹出框但没有任何效果,控制台也无报错
6
如何给一个按钮实现多个事件
3
网页中有两个表格,随便输入数据,把点击"是"的分为一个表格,"否"的为另一个表格,怎么实现?
0
canvas内部插入超长图片后,调用rect()方法不显示矩形???
5
在html前端页面中密码输入框,输入一个字符显示明文,过一秒后再变*号的效果如何用js实现
1
Java爬虫如何实现在需要点击的网页中获取需要的内容
3
报错Uncaught ReferenceError: form_btn is not defined是什么原因
3
DataTable 报错: Uncaught TypeError: Cannot read property 'nTable' of null
1
切换显示元素的原生js如何?
1
如何同时实现点击按钮出现或回收下拉菜单和点击盒子外部也回收下拉菜单??
2
我想在前端页面中做一个类似于win10设置的鼠标移动显示鼠标附近的border
2
sublime写js代码 有的属性没有颜色提示 怎么设置呢?
1
为什么w3school的Dom对象列表中没有onscroll属性了?
2
用js可以加载数据,但无法显示?
3
短信验证时当点击获取验证码按钮后隔60后才能点击
2
js 实现div全屏,但在某些浏览中不能正常显示
1
请求其他地址不能正常显示
4
js怎么实现控制a标签点击后是否打开链接?
2
前台js自定义的map(存有数据),ajax发送到后台接受,显示map为空
1
html网页经过微信内置浏览器转码后内部的href属性链接无法点击跳转