區分兩個模態窗口？

我已經申請一類模式鏈接在我的網址像這樣：區分兩個模態窗口？

<a href="form.php" class="modal-link"></a>

這將打開我的form.php的上一個模式（彈出）窗口，使用此代碼：

<script> 
$(document).ready(function() 
{ 
    $('.modal-link').click(function(event) 
    { 
     // Declare vars 
     var url, openModal; 

     // Prevent link opening 
     event.preventDefault(); 

     // Store url 
     url = this.href; 

     // Function to open modal 
     openModal = function() 
     { 
      $.modal({ 
       title: 'My title', 
       maxWidth: 500, 
       url: url, 
       loadingMessage: 'Loading...', 
       buttons: { 
        'Close': function(win) { win.closeModal(); }, 
        'Open new modal': openModal 
       } 

      }); 
     }; 

     // Open first modal 
     openModal(); 
    }); 
}); 
</script>

上，你可以看到有一個叫「打開新模式」按鈕，此按鈕將打開一個包含相同form.php的文件，而第一個模式窗口仍然可見新的模式窗口，該模式窗口。

如果我繼續並在我的第一個模式窗口上提交表單，它將無法工作，因爲兩個模態（包含相同的form.php）似乎彼此碰撞。

如果我只有一個模式窗口打開，提交我的表單工作。

有沒有辦法讓每個模態獨特，這樣我就可以在我的第一個模態窗口上提交表單而不會碰撞或干擾第二個模態窗口？

一種區分兩個模態窗口的方法？

來源

2012-09-19 Dreni

你能解釋一下什麼是$.modal？我嘗試搜索，但找不到任何明確的內容。它是一個你使用的插件嗎？

也可以澄清表單提交是否導致頁面加載或基於ajax？如果它是基於Ajax的，某些事件或變量可能會發生衝突。

當我調試Javascript時，我通常會將控制檯保持在chrome打開狀態，從而使調試更容易。

來源

2012-09-19 15:10:22 narak

區分兩個模態窗口？

回答

相關問題