Question

我正在使用JQuery Mobile将其他页面中的某些内容加载到弹出窗口中的iframe中，并在我的初始页面上显示该弹出窗口中的iframe内容。

我的弹出链接如下：

<a href="#popupBasic" data-rel="popup" data-transition="pop" data-position-to="window">

我的弹出窗口定义如下：

    <div data-role="popup" id="popupBasic" data-overlay-theme="a" data-dismissible="false">
    <a href="#" data-role="button" data-rel="back" data-icon="delete" data-iconpos="notext" data-theme="a" class="ui-btn-right">Close</a>
    </div>

正如你所看到它有一个关闭按钮。

我按照以下方式点击列表视图中的列表项时打开我的弹出窗口：

    $('#myList').delegate('li', 'tap', function () {
    var index = $(this).index();
    $("#popupBasic #memberFrame").remove();
    $("#popupBasic").append( '<iframe src="/myPage?id=' + index + '" height="400px;" width="100%;" id="memberFrame"></iframe>' );
    });

正如您所看到的，这会根据索引加载具有特定ID的页面，弹出窗口将打开，此内容将在弹出窗口中的iframe中加载。

在我的iframe内容上有一个按钮和一个计数，当按下按钮时页面刷新并且计数应该增加。这是由服务器完成的。然而，虽然我可以看到计数正在增加，并且页面看起来会刷新，但似乎iframe中的内容正在缓存，或者当页面刷新旧计数时会出现这种情况。

要添加两件事：

1：如果我然后通过右键单击它并选择刷新帧选项来手动刷新iFrame，它就可以正常工作

2：弹出窗口上有一个关闭按钮，当我第一次点击它时，它没有关闭弹出窗口，而是看起来它刷新了iframe内容，这次计数是正确的。然后再次按下关闭实际上会关闭弹出窗口

＃2中的经历我发现很奇怪，我想知道是否有人可以帮助指出为什么会发生这种情况？

弹出内容中的JQuery移动iFrame无法正确重新加载或关闭

0 个答案: