Firefox $(" #element).load jquery显示旧的img

时间:2018-03-13 20:29:36

标签: javascript jquery firefox

我对firefox有特定的问题。当我更改页面时,我调用load jQuery函数

$("#all").load("test.php", function() {

    testFunction(); //this function will call Restfull-API, get some 
});

这是test.php:

<div class="pageContent">

    <div class="testPage">

        <div id="link">
        </div>

        <div id="imageDiv">
            <img id="image"/>
        </div>

        <div id="middleContent">

            <div id="test">
            </div>

            <div id="info">
            </div>

        </div>

        <div id="link_bottom">
        </div>

    </div>

</div>

这是我在加载页面时调用的testFunction()

function ajaxRequestGetAllianceInfo() {
    $.ajax({
        type: "GET",
        dataType: "json",
        url: "./ajax_request/test.php",
        data: {}, 
        error: function(jqXHR, textStatus, errorThrown) {
            alert(textStatus + ": " + errorThrown);
        },

        success: function(data){

            drawTestPage(data);

        }

    });
}

最后我们在加载页面中有更改图像src的功能:

function drawAlliancePage(data){
    $("#imageDiv #image").prop("src",data.image);
}

并查看我得到的内容:http://prntscr.com/iqs885,这个第一张图片在inspect元素中不存在。 如果我单击右侧:http://prntscr.com/iqs8sh或更改firefox中的选项卡,当我回到我的选项卡顶部图像不存在(这是正确的,因为我只需要1个图像)在chrome上这是正确的。我不知道为什么firefox&#34; cache&#34;这个旧的加载HTML数据。知道如何解决这个问题吗?对于某些页面,我在其他页面上遇到此问题,一切正常。

P.S。这无助于Prevent browser caching of jQuery AJAX call result

1 个答案:

答案 0 :(得分:-1)

我解决了解决方案$(html).focus():D

P.S。你们都是给我负面代表的白痴,