Javascript wordpress中的jQuery animate（）函数
这个jQuery函数有问题，因为它不能正常工作，也就是>>获取第一个列表项并将其放在最后一个列表项之后（这就是无限效果的产生方式）”，我无法产生无限效果Javascript wordpress中的jQuery animate（）函数,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,这个jQuery函数有问题，因为它不能正常工作，也就是>>获取第一个列表项并将其放在最后一个列表项之后（这就是无限效果的产生方式）”，我无法产生无限效果 <script type="text/javascript" language="javascript"> jQuery(document).ready(function() { //move the last list item before the first item. The purpose of thi
<script type="text/javascript" language="javascript">
jQuery(document).ready(function() {
//move the last list item before the first item. The purpose of this is if the user clicks previous he will be able to see the last item.
//jQuery('#carousel_ul li:first').before(jQuery('#carousel_ul li:last'));
//when user clicks the image for sliding right
jQuery('#right_scroll img').click(function(){
//get the width of the items ( i like making the jquery part dynamic, so if you change the width in the css you won't have o change it here too ) '
var item_width = jQuery('#carousel_ul li').outerWidth() + 10;
//calculate the new left indent of the unordered list
var left_indent = parseInt(jQuery('#carousel_ul').css('left')) - item_width;
//make the sliding effect using jquery's anumate function '
jQuery('#carousel_ul').animate({'left' : left_indent},{queue:false, duration:500},function(){
//get the first list item and put it after the last list item (that's how the infinite effects is made) '
jQuery('#carousel_ul li:last').after(jQuery('#carousel_ul li:first'));
//and get the left indent to the default -210px
jQuery('#carousel_ul').css({'left' : '-210px'});
});
});
//when user clicks the image for sliding left
jQuery('#left_scroll img').click(function(){
var item_width = jQuery('#carousel_ul li').outerWidth() + 10;
/* same as for sliding right except that it's current left indent + the item width (for the sliding right it's - item_width) */
var left_indent = parseInt(jQuery('#carousel_ul').css('left')) + item_width;
jQuery('#carousel_ul').animate({'left' : left_indent},{queue:false, duration:500},function(){
/* when sliding to left we are moving the last item before the first item */
jQuery('#carousel_ul li:first').before(jQuery('#carousel_ul li:last'));
/* and again, when we make that change we are setting the left indent of our unordered list to the default -210px */
jQuery('#carousel_ul').css({'left' : '-210px'});
});
});
});
</script>
jQuery（文档）.ready（函数（）{
//将最后一个列表项移到第一个项目之前。这样做的目的是，如果用户单击“上一个”，他将能够看到最后一个项目。
//jQuery（'carousel_ul li:first'）。之前（jQuery（'carousel_ul li:last'）；
//当用户单击图像向右滑动时
jQuery（'#右滚动img'）。单击（函数（）{
//获取项目的宽度（我喜欢使jquery部分成为动态的，因此如果您在css中更改宽度，您就不必在这里也更改它了）'
var item_width=jQuery（'#carousel_ul li'）。外径（）+10；
//计算无序列表的新左缩进
var left_indent=parseInt（jQuery（'#carousel_ul'）.css（'left'））-项目宽度；
//使用jquery的anumate函数
jQuery（'#carousel_ul'）。动画（{'left'：left_indent}，{queue:false，duration:500}，function（）{
//获取第一个列表项并将其放在最后一个列表项之后（这就是无限效果的制作方式）'
jQuery（“#carousel_ul li:last”）.after（jQuery（“#carousel_ul li:first”）；
//并将左缩进设置为默认值-210px
jQuery（'#carousel_ul'）.css（{'left'：'-210px'}）；
});
});
//当用户单击要向左滑动的图像时
jQuery（'#左滚动img'）。单击（函数（）{
var item_width=jQuery（'#carousel_ul li'）。外径（）+10；
/*与向右滑动相同，只是它的当前左缩进+项目宽度（对于向右滑动，它的-项目宽度）*/
var left_indent=parseInt（jQuery（'carousel_ul'）.css（'left'））+项目宽度；
jQuery（'#carousel_ul'）。动画（{'left'：left_indent}，{queue:false，duration:500}，function（）{
/*向左滑动时，我们移动第一项之前的最后一项*/
jQuery（'carousel_ul li:first'）。之前（jQuery（'carousel_ul li:last'）；
/*同样，当我们进行更改时，我们将无序列表的左缩进设置为默认值-210px*/
jQuery（'#carousel_ul'）.css（{'left'：'-210px'}）；
});
});
});