Question

当我点击X按钮时，我会隐藏登录的形式。有什么更好的方法呢？

<div id="vibe_bp_login" class="active" style="display: block;">
<a class="boxclose" id="boxclose"></a>
<div class="widget vibe-bp-login">              

<form name="login-form" id="vbp-login-form" class="standard-form" action="https://dentaldigit.com/wp-login.php" method="post">
 <label>Username<br>
 <input type="text" name="log" id="side-user-login" class="input" tabindex="1" value=""></label>

  <label>Password <a href="https://dentaldigit.com/wp-login.php?action=lostpassword&amp;redirect_to=https://dentaldigit.com/" tabindex="5" class="tip" title="" data-original-title="Forgot Password"><i     class="icon-question"></i></a><br>
   <input type="password" tabindex="2" name="pwd" id="sidebar-user-pass" class="input" value=""></label>

   <p class=""><label><input name="rememberme" tabindex="3" type="checkbox" id="sidebar-rememberme" value="forever">Remember Me</label></p>

   <input type="submit" name="user-submit" id="sidebar-wp-submit" value="Log In" tabindex="100">
   <input type="hidden" name="user-cookie" value="1">
   <a href="https://dentaldigit.com/register/" class="vbpregister" title="Create an account" tabindex="5">Registrati</a>                        </form>
        </div>
    </div>

我会用

<a class="boxclose" id="boxclose"></a> to close the form when i clickin on it

谢谢

Answer 1

$("#boxclose").click(function(e){ //on the button click.
  e.preventDefault();
  $("#vbp-login-form").hide();//this will be disappeared.
    });

这对你有用。

Answer 2

如果您打开小提琴并检查控制台，您将看到错误：

＆＃39; TypeError：$（...）为null＆＃39;

也许这是因为没有加载jQuery。

这个更新的小提琴能做你想要的吗？我已添加$(document).ready等待DOM加载。

http://jsfiddle.net/jzn82/1086/

使用javascript或其他方式单击X按钮之前关闭表单

2 个答案: