使用jQuery重新加載Ajax iFrame

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

用這個：

$('#iframe1',window.parent.document).attr('src',$('#iframe1',window.parent.document).attr('src'));