Jquery JSSOR与Ajax冲突？

我在测试Jssor，结果很成功。 当我使用Ajax编辑代码以从另一个文件获取幻灯片内容时，它将停止工作

但是如果我在没有Ajax的情况下将它们添加到代码中，它将再次工作。 有没有一种方法可以自动加载图像

Ajax功能：

function getImages(n, type){
$.ajax({
    url: "./r/"+type+"/"+n+"/img",
    success: function(data){
        $("#slcont").html(data);
    },
    error: function(){
        alert("Problem loading page. Try later.");
    }
});
}

导入文件内容：

<div>
                <img u="image" src2="./i/works/web/1/w1_0.jpg" />
            </div>
            <div>
                <img u="image" src2="./i/works/web/1/w1_1.jpg" />
            </div>

注意：#slcont是分配给以下对象的ID：

---

我会避免发布完整的代码，它会很长，而且无论如何它与示例相同。

与ajax调用没有冲突。 当ajax调用返回时，可以初始化jssor滑块

var jssor_slider1;
function getImages(n, type){
$.ajax({
    url: "./r/"+type+"/"+n+"/img",
    success: function(data){
        //you can optionally pause the slider if it exists already.
        if(jssor_slider1)
            jssor_slider1.$Pause();

        //empty slider1_container and repopulate html code in slider1_container again, and then reinitialize jssor slider.
        $("#slcont").html(data);
        ...
        jssor_slider1= new $JssorSlider$("slider1_container" ...;
    },
    error: function(){
        alert("Problem loading page. Try later.");
    }
});
}

---

好的，这在第一次获取数据时起到了作用，但是如果我更改了内容（幻灯片集），ajax将加载它们，但是初始化似乎不起作用。我每次都需要重新加载页面吗？或者有重新初始化的选项？这次Javascript控制台上没有错误。无需每次重新加载页面。请查看更新的答案。不起作用，我看到我需要删除所有slider1_内容，然后再重新填充它。我这样做了，看起来还可以工作，但是div显示仍然设置为none，但是如果我手动更改它以阻止它，它就可以工作了

var jssor_slider1;
function getImages(n, type){
$.ajax({
    url: "./r/"+type+"/"+n+"/img",
    success: function(data){
        //you can optionally pause the slider if it exists already.
        if(jssor_slider1)
            jssor_slider1.$Pause();

        //empty slider1_container and repopulate html code in slider1_container again, and then reinitialize jssor slider.
        $("#slcont").html(data);
        ...
        jssor_slider1= new $JssorSlider$("slider1_container" ...;
    },
    error: function(){
        alert("Problem loading page. Try later.");
    }
});
}