在點擊模態不在本地打開

下面是我的模態代碼。

<div class="modal-wrapper modal-popup-signup"> 
     <div class="modal-close modal-popup-signup-close"></div> 
     <div class="modal-body"> 
      <h1>SIGN UP</h1> 
      <form action="" class="password-change"> 
       <h2>E-MAIL ID*</h2> 
       <input type="text" class="text"> 
       <h2>PASSWORD*</h2> 
       <input type="password" class="text"> 
       <h2>TITLE*</h2> 
       <h2>FIRST NAME </h2> 
       <input type="text" class="text"> 
       <h2>LAST NAME </h2> 
       <input type="text" class="text"> 

       <input type="submit" class="submit"> 
      </form> 
     </div> 
    </div>

對此li我有一個錨標記，我打開莫代爾。

<ul> 
    <li></li> 
    <li></li> 
    <li><a href="#"class="modal-popup-signup-open">Signup</a></li> 
    </ul>

下面是JS的代碼。

$(document).ready(function(){ 
     $('.modal-popup-signup-open').click(function(){ 
      $('.modal-popup-signup').css("display", "block"); 
     }); 
    $('.modal-popup-signup-close').click(function(){ 
      $('.modal-popup-signup').css("display", "none"); 
     }); 
    });

的fiddle，它由於某種原因，在這裏工作，但不是爲我工作的地方。

編輯！：我這樣做只適用於小屏幕。所以，當我到全窗口大小時，我可以看到彈出窗口。但爲什麼不適用於小屏幕？假設我正在使用適當的引導模式。

來源

2015-09-10 Suraj

你得到任何錯誤控制檯？ – GAMITG

沒有在控制檯上。 – Suraj

好的，我認爲這是我的問題。我只爲小屏幕做這個事情。當我調整我的窗口到滿的時候，模態出現回來。 – Suraj

向鄰筆彈出：

$('.modal-popup-signup-open').click(function(){ 
      $('.modal-popup-signup').modal('show'); 
     });

要關閉：

$('.modal-popup-signup-close').click(function(){ 
      $('.modal-popup-signup').modal('hide'); 
     });

FIDDLE

來源

2015-09-10 10:16:55

請不要重複答案 –

dude..how來到我的答案是烏拉圭回合重複...ü不力甚至給解決隱藏彈出 –

嘿。問題是關於開放，所以你的開放答案和我一樣。 –

而不是

$('.modal-popup-signup').css("display", "block");

使用以下

$('.modal-popup-signup').modal('show');

模態使用的收盤

$('.modal-popup-signup').modal('close');

，並使用href="javascript:void(0)"在錨標記

來源

2015-09-10 10:14:45

在點擊模態不在本地打開

回答

相關問題