Jquery jcarousel问题
我试着用jcarousel做很多人尝试做的事情,也就是说,我希望清除它并动态地重新填充它。我似乎找到了一种方法来完全清除DOM中的空li项(这是一个常见的问题),但我似乎无法从远程文件中添加项。这是我的密码:Jquery jcarousel问题,jquery,jcarousel,Jquery,Jcarousel,我试着用jcarousel做很多人尝试做的事情,也就是说,我希望清除它并动态地重新填充它。我似乎找到了一种方法来完全清除DOM中的空li项(这是一个常见的问题),但我似乎无法从远程文件中添加项。这是我的密码: $(function() { $('#mycarousel').jcarousel({ initCallback:carousel_callback }); function carousel_callback(carousel){ $('#live-edge-large
$(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="" />';
};
});
下面是我的带有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>
3.
images/thumbs/test-9-thumb.jpg
images/thumbs/test-2-thumb.jpg
image/thumbs/test-3-thumb.jpg
不知道为什么我不能设置大小,然后将项目添加到旋转木马,也许大小不能以这种方式重置?有什么想法吗?非常感谢。在函数mycarousel_itemAddCallback中,将“xml”替换为“data”,它应该可以工作
<?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>