Question

我正在打开一个简单的模态并使用以下函数进行Ajax调用。

function TransactionModal($id, $s) {
        jQuery("#dialog").load("/chat/rejoin", { 'id': +$id, 's': +$s }, function()
        {
          jQuery("#dialog").modal({
          overlay:80,
          autoResize:false,
            containerCss: {width: "490px", height: "538px"},
          overlayCss: {backgroundColor:"#000"}
          });
        });
    }

因为我在要加载的页面中运行了一些Javascript，所以我需要使用iframe，因此rejoin页面中包含以下内容。

<IFRAME SRC="/chat/join/id/<?php echo $id; ?>/cid/<?php echo $cid;?>" width="500" height="535">
    <!-- Alternate content for non-supporting browsers -->
    Upgrade Browser to support iframes
</IFRAME>

一切都很好。

我遇到的问题是，当我点击关闭按钮时，它会重新提交表单数据。

我不知道为什么，但它让我疯了。

如果我刷新页面，模态会消失，不会重新提交。

如果我点击X图像关闭它，它会重新提交。

如果您知道为什么会这样做，请提供帮助！

Answer 1

function rejoinModal($id) {

var src = '/chat/join/id/'+$id ;


jQuery.modal('<iframe src="' + src + '" height="555" width="510" style="border:0">', {
    containerCss:{
        backgroundColor:"#000",
        height:555,
        width:510,
        overFlow: "hidden",
    },

});

}

我通过不在ajax调用中调用iframe来解决它。

现在正在运作。

关闭简单模态时重新提交表单数据

1 个答案: