我正在尝试创建一个循环连续的jQuery旋转木马。当用户选择“旋转”时,第一个li将使用.after()方法放置在最后一个li之后。这仅适用于第一次。之后,李氏不会重新排列。这是我的HTML:为什么jQuery .after()只触发一次?
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<a href="#">Rotate</a>
这里是我的JavaScript:
var list = $('ul'),
firstItem = list.find('li:first'),
lastItem = list.find('li:last');
$('a').on('click', function(){
lastItem.after(firstItem);
});
这里有一个小提琴:http://jsfiddle.net/brianeoneill/76BP8/
提前感谢!
谢谢,SLaks!我将这些变量移入了函数体中,现在它按预期工作。不能相信我错过了这一点。干杯 – 2013-03-12 15:00:39