Question

我正在尝试将Spring MVC + jquery + modal集成到一个模态为iframe的应用程序中。

jquery插件是SimpleModal。

屏幕很简单。着陆页是一个生产页面，其中有2个产品，其中的价格基于邮政编码。

当页面加载时，运行以下内容：

$(window).load(function(){
    var param = $.url().param('zipcode');
    alert("zipcode = " + param);
    if(null == param || param.length == 0)
    {
      $.modal('<iframe src="zip-code.html" height="240" width="380" scrolling="no">', {
        //overlayClose:false,
        //closeHTML:""
        //onClose: contact.close
        });
    }

  });

显示邮政编码框，用户简单输入邮政编码并选择已应用。

必须检查邮政编码，看它是否有效并属于某个给定地区。如果出现错误，则会显示邮政编码框，否则邮政编码将被接受，并且该窗口将被关闭，并且将使用价格刷新目标网页。

现在我为登陆页面和邮政编码模式窗口创建了一个简单的控制器。邮政编码模式使用与登录页面相同的控制器。

当用户选择“应用”按钮并且邮政编码有效时，而不是模式窗口关闭，它将被重定向到着陆页网址。

我是jQuery的新手。我在网上搜索其他人是否正在使用带有模态或弹出窗口的spring mvc，但我在搜索中没有成功。

Answer 1

您应该将其放在目标网页上：

<script>
    ...
    function closeModal(){
      //code to close your modal
    }
</script>

以下脚本应位于“成功页面”（当邮政编码正常时加载的脚本）

<script>
    window.parent.closeModal();
</script>

最后一个脚本会在您的目标网页中调用closeModal公共函数，因此会关闭模式。

希望这会有所帮助。干杯

spring mvc jquery modal box和iframe

1 个答案: