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