jcarousel问题

Question

我正在尝试做我看到很多人尝试使用 jcarousel 做的事情，即我想清除它并动态地重新填充它。我似乎找到了一种方法来完全清除 DOM 中的空 li 项目（常见的抱怨），但我似乎无法从远程文件添加项目。这是我的代码：

$(function() {


$('#mycarousel').jcarousel({
   initCallback:carousel_callback
  });

function carousel_callback(carousel){
$('#live-edge-large img').click(function(){
carousel.size(0); // sets size to 0
$('#mycarousel').empty(); // empties ul
carousel.reset(); //clears DOM of li's
$.get('ajax/xml-content.php',
      {
          first: carousel.first,
            last: carousel.last
            },
    function(data) {
    mycarousel_itemAddCallback(carousel,carousel.first,carousel.last,data);
        },"xml"
        );
});
   };

function mycarousel_itemAddCallback(carousel,first,last,data) {
    carousel.size(parseInt(jQuery('total', xml).text()));
    $('image',xml).each(function(i) {
    carousel.add(first+i, mycarousel_getItemHTML($(this).text()));
    });
};

function mycarousel_getItemHTML(url)
{
    return'<img src="' + url + '" width="128" height="95" alt="" />';
};

});

代码一直有效，直到这一行：

carousel.size(parseInt(jQuery('total', xml).text()));

这是我的带有 xml 的 php 文件：

<?php  
header ("Content-Type:text/xml");  
?>

<data> 
<total>3</total>
<image>images/thumbs/test-9-thumb.jpg</image> 
<image>images/thumbs/test-2-thumb.jpg</image>
<image>images/thumbs/test-3-thumb.jpg</image>
</data>

不确定为什么我无法设置大小，然后将项目添加到轮播中，也许无法以这种方式重置大小？有什么想法吗？非常感谢。

Answer 1

在您的函数 mycarousel_itemAddCallback 中，将“xml”替换为“data”，它应该可以工作...