2011-08-13 69 views
3

我試圖做我見過很多人試圖用jcarousel做的,也就是說,我想清除它並動態填充它。我似乎找到了一種方法來完全清除空li項目的DOM(常見的投訴),但我似乎無法從遠程文件添加項目。這裏是我的代碼:jcarousel問題

$(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())); 

這是我的PHP文件與XML:

<?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> 

不知道爲什麼我不能設置大小,然後將項目添加到旋轉木馬,也許大小不能以這種方式重置?有任何想法嗎?非常感謝。

回答

0

在您的函數mycarousel_itemAddCallback中,將'xml'替換爲'data'並且它應該工作...