JQuery Replacewith DIV не загружается

Итак, у меня есть страница входа в систему, и я пытаюсь заменить регистрационную форму формой регистрации, если они нажимают кнопку, чтобы зарегистрироваться.JQuery Replacewith DIV не загружается

В настоящее время у меня есть:

<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
     $("w").replaceWith(function(n){ 
      return "DIV HERE BUT DIVS DO NOT WORK"; 
     }); 
    }); 
}); 
</script> 
</head> 
<body> 
<div class="col-lg-6 col-sm-6 col-xs-12 social-login"> 
         <a href="#" class="google_button login_btn"> 
          <i aria-hidden="true" class="fa fa-google-plus-square"></i><span>Continue with Google</span> 
         </a> 
         <a href="#" class="facebook_button login_btn"> 
          <i aria-hidden="true" class="fa fa-facebook-square"></i><span>Continue with Facebook</span> 
         </a> 
         <a href="#" class="twitter_button login_btn"> 
          <i aria-hidden="true" class="fa fa-twitter-square"></i><span>Continue with Twitter</span> 
         </a> 
         <a href="#" class="linkedin_button login_btn"> 
          <i aria-hidden="true" class="fa fa-linkedin-square"></i><span>Continue with Linkedin</span> 
         </a> 
         <a href="/signup" class="email_button login_btn"> 
          <i aria-hidden="true" class="fa fa-linkedin-square"></i><span>Continue with Email</span> 
        </a> 
        <button>Continue With Email</button> <span class="light_grey">By signing up you indicate that you have read and agree to the <a target="_blank" href="#">Terms of Service</a> and <a target="_blank" href="#">Privacy Policy</a>.</span> 
       </div> 

        <form action="" class="signin_form" method="post"> 
         <w><div class="title">Login</div></p></w> 
         <div class="form_inputs"> 
          <div class="form_column"> 
           <input type="text" name="username" id="username" placeholder="Email" value="" class="username"> 
          </div> 
          <div class="form_column"> 
           <input type="password" name="password" id="password" placeholder="Password" value="" class="password"> 
          </div> 
          <div class="form_column"> 
           <span><div class="remember_checkbox"><input type="checkbox" value="" name="remember_checkbox" checked="checked" class="remember_checkbox">Remember Me</div></span><input type="submit" value="Sign In" name="send" class="btn btn-primary pull-right" /> 
           <span><a href="#" class="forgot_password">Forgot Password?</a></span> 
          </div> 
         </div> 
        </form> 
</body>

Я хотел бы заменить форму класса signin_form с:

     <form action="" class="signup_form" method="post"> 
         <div class="title">Sign up!</div> 
         <div class="form_inputs"> 
          <div class="form_column"> 
           <input type="text" name="email" id="email" value="<?php echo $dd; ?>" class="email" placeholder="Email"> 

          </div> 

          <div class="form_column"> 
           <input type="text" name="username" id="username" placeholder="First Name" value="<?php echo $_POST['username']; ?>"> 
          </div> 

          <div class="form_column"> 
           <input type="password" name="password" id="password" placeholder="Password" value="" class="password"> 

          <div class="form_column"> 
           <input type="password" id="confirm_password" name="confirm_password" placeholder="Confirm Password" value="" class="confirm_password"> 
          </div> 

          <div class="form_column"> 
           <span><a href="/login" class="forgot_password">Already Have an Account?</a></span><input type="submit" value="Sign Up" name="send" class="btn btn-primary pull-right" /> 
          </div> 
         </div> 
        </form>

Использование ReplaceWith, что я в настоящее время с помощью я могу заменить одну строку если он не включает div, если я помещаю div, он больше не загружается.

источник

2016-09-12 Dustin Snider

Я думаю, что replaceWith не является правильным способом для достижения желаемой функциональности, это происходит не потому, что вы не можете, это потому, что вам нужно будет динамически создать новую форму и привязать все события к элементам в новой форме. Вместо этого вы должны сделать следующее

Создать как форму для входа в аккаунт и Signup
Скрыть Форма регистрации в CSS и показать только форму входа в аккаунт
По щелчку кнопки Скрыть форму для входа в аккаунт и показать форма регистрации.

Это будет самый простой и безопасный способ достижения тех функций, которые вы используете.

источник

2016-09-12 01:36:19 snit80

Есть ли какая-либо документация о том, как это делается где-то? –

Ты имеешь в виду мой ответ? Позвольте мне быстро написать фрагмент для вас. – snit80

любая документация !!! Это не значит, что ваш ответ ... Официальная документация или другие документы .. –

JQuery Replacewith DIV не загружается

ответ

Смежные вопросы