Twitter BootStrap Modal Penceresi geri dönüş bağlantısı

Question

Twitter Bootstrap kalıcı pencerelerini kullanıyorum. Sadece modal pencereleri js hatası nedeniyle işe yaramayın - bir düşüş geri sayfaları var. Modal pencerenin yüklenmemesi durumunda sayfanın yüklendiğinden nasıl emin olabilirim? içinde

<a href="login.html" data-toggle="modal" data-target="#login-modal">Login</a> 

Bağlantılı Sayfa Yükler şöyle i href bağlantı ekle çalıştığınızda Modal Pencere

<a href="#login-modal" data-toggle="modal" data-target="#login-modal">Login</a> 

Modal Pencere

<!-- Login Modal --> 
     <div id="login-modal" class="modal hide fade landing-modal" tabindex="-2" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> 
        × 
       </button> 
       <h3>Login</h3> 
      </div> 
      <div class="modal-body"> 
       <form> 
        <div class="control-group"> 
         <label for="email">Email Address</label> 
         <div class="controls"> 
          <input class="input-medium" name="email" type="text" /> 
         </div> 
        </div> 
        <div class="control-group"> 
         <label for="password">Password</label> 
         <div class="controls"> 
          <input class="input-medium" name="password" type="password" /> 
         </div> 
        </div> 
        <div class="control-group"> 
         <label class="checkbox"> 
          <input type="checkbox" value=""> 
          Remember me</label> 
        </div> 
        <div class="control-group"> 
         <div class="controls"> 
          <button type="submit" class="button"> 
           Login 
          </button> 
         </div> 
        </div> 
       </form> 
      </div> 
     </div> 

açmak için

Bağlantı Modal Penceresi!

Answer 1

neler ortaya koydu:

, option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data()) 

veri API kullanarak modal kontroller zaman href özniteliği kimliği değil ve ayarlar eğer değer olarak remote seçeneği için. Bu, sayfanın başlangıçta data-target içeriğini yüklemesine ve ardından içeriğine remote içerikten sonra yüklenmesine neden olur. ..

<a href="/some-login-page.html" data-toggle="modal" data-target="#login-modal" data-remote="false">Login</a> 

Answer 2

Modal eklentisi data-target öznitelik edilmelerine olanak tanımaktadır. Ardından, istediğiniz geri dönüş bağlantısına işaret etmek için href'u kullanabilirsiniz. Modal eklenti, 'u numaralı telefondan [data-toggle="modal"] seçicisiyle eşleşen olaylarını tıklattığından, yalnızca JavaScript devre dışıysa (veya Modal eklenti yüklü değilse) bağlantıya izin verilir. Bununla birlikte, Unutulmaması gereken bir nokta, Modal eklentinin uzak içeriği yüklemek için href özniteliğini kullanmasıdır. Bu özelliğin etkinleştirilmesini devre dışı bırakmak için, href değerinin sonunda bir '#' ekleyin. önyükleme-modal.js hat 223 baktığımızda

<a href="/some-login-page.html#" data-toggle="modal" data-target="#login-modal">Login</a>