Javascript jquery"；。“加载”；添加内容后不会加载

我使用.load加载加载照片的HTML代码。它工作得很好，但是当我在一个页面上添加更多的照片（没有jquery）时，第一张照片就会消失。可能无法加载。。。我能做什么

jquery：

function uvodni_fotka_load(){

    if(window.innerWidth < 700){
    $(function(){
      $("#uvodni_fotka").load("mobile.html");
    });
    } else {
    $(function(){
      $("#uvodni_fotka").load("normal.html");
    });
    }
}
uvodni_fotka_load();

函数uvodni\u fotka\u load（）{
如果（窗内宽度<700）{
$（函数（）{
$（“#uvodni_fotka”）.load（“mobile.html”）；
});
}否则{
$（函数（）{
$（“#uvodni_fotka”）.load（“normal.html”）；
});
}
}
uvodni_fotka_load（）；

我想加载的HTML（此代码来自我有照片且工作正常的页面）：

;
! 函数（）{
if（window.prodibiAsync==null）{
var s=document.createElement（'script'）；
s、 异步=！0；
s、 src='1〕https://max1.prodibicdn.com/libraries/pages/prodibi.embed.2.0.min.js';
文件。正文。附录子项；
}
window.prodibiAsync=window.prodibiAsync | | |[]；
prodibiAsync.push（{
键入：“设置”，
设置：{
账户：“葡萄”
}
} );
}();

AFAIK，

load

覆盖内容而不是追加内容。不过我可能错了。@Script47听起来好像是另一种情况，上载照片功能在默认情况下可能使用.html（）而不是.append（）。OP可以编写一个函数，用于将新照片添加到append而不是overwrite时使用。

.load（）

覆盖目标元素的内容。那是肯定的。如果OP想要

.append（）

，他应该寻找

.ajax（）

，在那里他可以在

success

callback上做任何他喜欢的事情

.load（）

是一种速记。。。是的，能力有限。顺便说一下<代码>$（函数（）{…}）（窗口“就绪”事件包装器）在命名函数的

if

或/和

else

语句中无效。这是一种可怕的句法误用。

<canvas data-prodibi='{"id":"r0265j8w89d9jk","width":5892,"height":2812,"smartX":0.5,"smartY":0.538629,"account":"vitius"}'>
    <script>
        ;
        ! function () {
            if ( window.prodibiAsync == null ) {
                var s = document.createElement( 'script' );
                s.async = !0;
                s.src = 'https://max1.prodibicdn.com/libraries/pages/prodibi.embed.2.0.min.js';
                document.body.appendChild( s );
            }
            window.prodibiAsync = window.prodibiAsync || [];
            prodibiAsync.push( {
                type: "settings",
                settings: {
                    account: "vitius"
                }
            } );
        }();
    </script>
</canvas>