Question

每个标签都有两个标签，默认显示为“更新条目”，每个标签都有一个iFrame。

<div id="tabContainer">
<div class="tabWrapper">
    <a class=active id=iEntrylist onClick="return showMenu('Entrylist','iEntrylist')" href="javascript:">Entry List</a>
    <a class=nonactive id=iAddList onClick="return showMenu('AddList','iAddList')" href="javascript:">Open Deals</a>
</div>
</div>

<!-- LIST SECTION -->
<div class="tabDiv" id="Entrylist">
 <iframe src="../include/EntryList.php" frameborder="0" scrolling="yes" id="_iframe2" width="100%"></iframe>
</div>

<!-- ADD LIST SECTION -->
<div class="tabDiv" id="AddList" style="display: none;">
<iframe src="../include/AddList.php" frameborder="0" scrolling="yes" id="_iframe2" width="100%"></iframe>
</div>

现在从更新条目选项卡一旦更新按钮单击包含条目列表的iframe1将被重新加载。我的代码如下，但不起作用。更新正在运行，但重新加载iFrame不是。

<script>
$(document).ready(function () {
    $(".updateBTN").click(function () {
        var data = $(this).attr('id');
        //alert (data);
        $.ajax({
            type: "POST",
            url: "../update.php",
            data: {
                'id': data
            }
        }).done(function (msg) {
            $("#notification").html(msg);
            window.setTimeout(function () {
                parent.document.getElementById('iframe1').location.reload()
            }, 500);
        });
    });
});
</script>

Answer 1

尝试放在最后点击返回false。有人喜欢这样：

    $(document).ready(function () {
        $(".updateBTN").click(function () {
            var data = $(this).attr('id');
            //alert (data);
            $.ajax({
                type: "POST",
                url: "../update.php",
                data: {
                    'id': data
                }
            }).done(function (msg) {
                $("#notification").html(msg);
                window.setTimeout(function () {
                    parent.document.getElementById('iframe1').location.reload()
                }, 500);
            });

            return false;
        });
    });

Answer 2

您必须使用contentWindow来选择iFrame窗口。

parent.document.getElementById('iframe1').contentWindow.location.reload()

Answer 3

使用此：

var window = {
    scrollTop: function() {
        return <value>
        } 
    }

Ajax iFrame使用jquery重新加载

3 个答案: