2

我正在尝试将来自 instagram 的实时提要与 Jssor 幻灯片放映结合起来，但遇到了问题。我在这里有这段代码，可以使用特殊的哈希标签从 Instagram 中提取图片，并将它们放入带有属性u="image"和 src url 的 id "slides" 的 div 中。

function createPhotoElement(photo) {
    if((photo.caption) !== null){var photo_content = photo.caption.text + "  -  ";}      
    else { var photo_content = " "}
    return $('<div>')
   .append(
    $('<img>')
    .attr('u', 'image')
    .attr('src', photo.images.standard_resolution.url)
    )
}

所以在页面上生成后的结果是这样的：

 <div id="slides" u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 960px; height: 380px;overflow: hidden;">        
    <div><img u="image" src="imgURL"></div>
    <div><img u="image" src="imgURL"></div>
    <div><img u="image" src="imgURL"></div>
    <div><img u="image" src="imgURL"></div>
    <div><img u="image" src="imgURL"></div>
</div>

但问题是 jssor 幻灯片看不到页面上生成的那些图像。我尝试使用window.addEventListener()和$(document).ready()函数延迟滑块代码和/或将脚本放在结束正文标记的上方，但它仍然无法正常工作:(

4

2 回答 2

1

终于可以工作购买添加window.load

    $(window).load(function() {
    jssor_slider1_starter('slider1_container');
    });
于 2014-04-03T19:10:29.757 回答
1

它看起来是异步的问题。

在 jssor 滑块的初始化（... new $JssorSlider...）之前，您将完全生成所有内容。

顺便说一句，您何时以及如何调用“createPhotoElement”？

于 2014-04-03T01:48:04.637 回答