Bootsrap Модальный для запуска загрузки страницы, один раз для пользователя

Question

У меня есть следующий код для размещения внутри моей темы WordPress, основанной на Bootstrap, которую я хотел бы открыть на странице загрузки вместо нажатия кнопки и загружать только один раз на пользователя их первый визит на сайт.

Код:

<div class="container"> 
    <div class="row"> 
     <div class="span12"> 
      <a data-toggle="modal" class="btn" href="#loginModal">Log in</a> 

      <div class="modal hide" id="loginModal"> 
       <div class="modal-header"> 
        <button type="button" class="close" data-dismiss="modal">✕</button> 
        <h3>Login to Website</h3> 
       </div> 
        <div class="modal-body" style="text-align:center;"> 
        <div class="row-fluid"> 
         <div class="span10 offset1"> 
          <div id="modalTab"> 
           <div class="tab-content"> 
            <div class="tab-pane active" id="login"> 
             <form method="post" action='' name="login_form"> 
              <p><input type="text" class="span12" name="eid" id="email" placeholder="Email"></p> 
              <p><input type="password" class="span12" name="passwd" placeholder="Password"></p> 
              <p><button type="submit" class="btn btn-primary">Sign in</button> 
              <a href="#forgotpassword" data-toggle="tab">Forgot Password?</a> 
              </p> 
             </form> 
            </div> 
            <div class="tab-pane fade" id="forgotpassword"> 
             <form method="post" action='' name="forgot_password"> 
              <p>Hey this stuff happens, send us your email and we'll reset it for you!</p> 
              <input type="text" class="span12" name="eid" id="email" placeholder="Email"> 
              <p><button type="submit" class="btn btn-primary">Submit</button> 
              <a href="#login" data-toggle="tab">Wait, I remember it now!</a> 
              </p> 
             </form> 
            </div> 
           </div> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Спасибо,

Answer 1

Вы можете открыть модальное с ниже код в готовой функции

$('#myModal').modal(); 

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

Find Cookie reference here Это слишком просто. вы найдете набор, чтение и стирание функции cookie в заданном URL-адресе.