Question

我应用了我在 article 中找到的模态函数。它是一个jQuery模式，将source file放在<iframe>中并显示为模态。现在，问题是我需要在用户选择项目后从模式返回值到背景页面。

以下是一些jQuery代码：（这是页面已加载）

var openMyModal = function(source)
{
    modalWindow.windowId = "myModal";
    modalWindow.width = 480;
    modalWindow.height = 405;
    modalWindow.content = "<iframe width='480' height='405' frameborder='0' scrolling='no' allowtransparency='true' src='" + source + "'></iframe>";
    modalWindow.open();
};

莫代尔的可用代码：

<select name="selItem">
     <option value="item1">Item 1</option>
     <option value="item2">Item 2</option>
     <option value="item3">Item 3</option>
     <option value="item4">Item 4</option>
</select>

<input type="button" id="btnSel" name="btnSel" value="Select" />

模态显示中有一个button，当点击它时，它会将值传递给input text返回背景页然后删除模态。

我怎样才能做到这一点？非常感谢你！

Answer 1

可能的解决方案是在模型打开后在模型按钮上添加单击侦听器。这是一些代码：

modalWindow.open(function()
{
    //callback
    $('#btnSel').on('click', function()
    {
         //do what you need here.
    });
});

注意：确保有一些方法可以像我建议的那样运行回调函数。

您可以在文档中添加open选项中的逻辑：

var modalWindow = { .... open:function() { //your stuff - click listener } };

jQuery iFrame模态返回值

1 个答案: