0

我在我的网址上应用了一个类模态链接，如下所示：

<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）似乎相互碰撞。

如果我只打开一个模式窗口，则提交我的表单有效。

有没有办法让每个模式都独一无二，这样我就可以在我的第一个模式窗口上提交表单而不会与第二个模式窗口发生冲突或干扰？

区分两个模态窗口的方法？

4

1 回答 1

0

你能解释一下是$.modal什么吗？我尝试搜索，但找不到任何可以明确说明的内容。它是您正在使用的插件吗？

您还可以澄清表单提交是导致页面加载还是基于ajax？如果它是基于 ajax 的，则某些事件或变量可能会发生冲突。

当我调试 Javascript 时，我通常会打开 chrome 上的控制台，这通常会使调试更容易。

于 2012-09-19T15:10:22.113 回答