为了账号安全,请及时绑定邮箱和手机立即绑定

js弹出框问题,请js比较熟的热帮忙看一下

js弹出框问题,请js比较熟的热帮忙看一下

罗小葭 2015-06-04 14:57:36
原js;(这种状况程序不能重复调用利用率比较低)<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript">var w,h,className;function getSrceenWH(){ w = $(window).width(); h = $(window).height(); $('#dialogBg').width(w).height(h);}window.onresize = function(){   getSrceenWH();}  $(window).resize();  $(function(){ getSrceenWH(); //显示弹框 $('.box a').click(function(){ className = $(this).attr('class'); $('#dialogBg').fadeIn(300);//这条语句导致只能调用#dialog这一个div,而我想重复利用这个函数 $('#dialog').removeAttr('class').addClass('animated '+className+'').fadeIn();      }); //关闭弹窗 $('.claseDialogBtn').click(function(){ $('#dialogBg').fadeOut(300,function(){ $('#dialog').addClass('bounceOutUp').fadeOut(); }); });});</script>更改版:<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript">var w,h,className;function getSrceenWH(){ w = $(window).width(); h = $(window).height(); $('#dialogBg').width(w).height(h);}window.onresize = function(){   getSrceenWH();}  $(window).resize();  //我将显示弹框这个函数加了一个参数,然而改动之后,点击登录,弹窗不再显示,那么我错在哪了?虚心求教function openwindow(content){{ getSrceenWH(); //显示弹框 function(){ className = $(this).attr('class'); var popDiv=document.getElementById(content); $('#dialogBg').fadeIn(300); popDiv.style.removeAttr('class').addClass('animated '+className+'').fadeIn(); }; //关闭弹窗 $('.claseDialogBtn').click(function(){ $('#dialogBg').fadeOut(300,function(){ popDiv.style.addClass('bounceOutUp').fadeOut(); }); });};</script>HTML代码:<div class="box"><p id="user-top-login" class="pull-right top-has-login"> <a  href="javascript:;" onclick="openwindow('dialog');" class="bounceIn">  登录</a> <strong>/</strong> <a  href="javascript:;" onclick="" class="bounceInDown">  注册</a> </p> <!--弹出框--> <div id="dialogBg"></div>    <div id="dialog" class="animated"> <img class="dialogIco" width="50" height="50" src="images/ico.png" alt="" /> <div class="dialogTop"> <a href="javascript:;" class="claseDialogBtn">关闭</a> </div> <form action="" method="post" id="editForm"> <ul class="editInfos"> <li><label><font color="#ff0000">* </font>用户名:<input type="text" name="" required value="" class="ipt" placeholder="邮箱或手机号"/></label></li> <li><label><font color="#ff0000">* </font>密&nbsp;&nbsp;&nbsp;码:<input type="text" name="" required value="" class="ipt" placeholder="账户密码"/></label></li> <li><input type="submit" value="确认提交" class="submitBtn" /></li> </ul> </form> </div></div><!--弹出框结束-->
查看完整描述

2 回答

已采纳
?
Mefa

TA贡献8条经验 获得超1个赞

这句:popDiv.style.removeAttr('class').addClass('animated '+className+'').fadeIn();

popDiv.removeAttr('class').addClass('animated '+className+'').fadeIn();

查看完整回答
反对 回复 2015-06-04
  • 罗小葭
    罗小葭
    还是不对,不过很感谢,我自己再琢磨一会
  • Mefa
    Mefa
    嗯,检查下代码,控制台调试跟踪下
?
Mefa

TA贡献8条经验 获得超1个赞

function openwindow(content){{

getSrceenWH();

//显示弹框

function(){

这里格式不对,还有显示弹框方法名呢哪去了

查看完整回答
反对 回复 2015-06-04
  • 罗小葭
    罗小葭
    感谢热心回答!把格式改了后半透明背景(#dialogbg)能显示了,可是(dialog)依然无法显示。请问一下我这三行语句是否有错误“ className = $(this).attr('class'); var popDiv=document.getElementById(content); popDiv.style.removeAttr('class').addClass('animated '+className+'').fadeIn();”
  • 2 回答
  • 1 关注
  • 2562 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信