页面加载后将 JCarousels 添加到列表时出现问题答案

【问题标题】：Problems adding JCarousels to lists after the page has loaded页面加载后将 JCarousels 添加到列表时出现问题
【发布时间】：2012-02-11 14:51:37
【问题描述】：

我有一个加载页面，然后根据几个 AJAX 请求的结果动态填充几个列表。在我恢复所有数据后，我想在每个列表中添加一个 JCarousel，但无法使其正常工作。我现在已经尝试了几件事，但仍然没有运气。我目前有以下：

在我的标题中：

$('.myindcaras').jcarousel({
    vertical: true
});

我的 PHP 页面，控制显示：

<ul id="uniqueid"></ul></div>

我的 .JS javascript 文件 - 尝试从这里创建/填充轮播：

在这里我得到了 document.getElementById(uniqueid) 然后我添加了类信息：

ul.className = "myindcaras jcarousel-skin-tango"

将其链接到我的标题中的轮播数据。

在执行其他任务并且所有 AJAX 响应都完成后，我尝试使用以下命令创建/添加我的轮播：

var mylistElement = document.getElementById('uniqueid').getElementsByTagName('li');
var lengthofList = mylistElement.length;
var carouseltoaddTo = '';
carouseltoaddTo = $('#uniqueid').data('jcarousel');         

if (lengthofList > 0) { 
    for (i = 0; i < lengthofList; i++) {                            
    datatoAdd = mylistElement[i].innerHTML;                     
    carouseltoaddTo.add(i, datatoAdd);                      
    }
}

从这一切中我得到了错误：carouseltoaddTo is undefined

我认为一个问题是我可能一开始就没有正确初始化轮播。其次，我不确定我是否正确引用了轮播以将所有列表项添加到其中。

非常感谢任何帮助，谢谢。

【问题讨论】：

我现在已经解决了这个问题。我做得有点太过分了！我通过简单地将我原来的轮播创建代码从标题移动到我的处理程序响应函数来修复它。当我收到所有的 AJAX 响应时，就会执行此操作。

标签： javascript jquery ajax jcarousel carousel

【解决方案1】：

我现在已经解决了这个问题。我做得有点太过分了！我已经通过简单地将我原来的轮播创建代码从标题移动到我的处理程序响应函数来修复它：

$('.myindcaras').jcarousel({
vertical: true
});

当我收到所有的 AJAX 响应后，就会执行此操作。

【讨论】：