JSSOR 与 Ajax 冲突？

Question

我正在测试 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>

有什么想法吗？

我还尝试从不同的地方调用 GetImages()，包括

jQuery(document).ready(function ($) {
        getImages(i,t);
        var options = {

注意：#slcont 是分配给 <div u="slides" ...> 的 ID 我会避免 post 完整的代码，它会很长，无论如何它与示例相同。

Answer 1

与ajax调用没有冲突。您可以在 ajax 调用 returns 时初始化 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.");
    }
});
}

JSSOR 与 Ajax 冲突？

JSSOR conflict with Ajax?

ajax

jquery

jssor