jQuery before.()/prependTo() 错误

Question

我正在构建一个网站进行实验，但我在使用某些代码时遇到了问题。

下一个按钮可以工作，但上一个按钮不起作用。它基本上将前两个 div 与类“tri”交换，但不交换另一个。

我不明白为什么一个有效而另一个无效。

我已经尝试过 prependTo 和之前的方法，但都无法正常工作？

请随意查看此处的代码:

HTML:http://epicgiggle.co.uk/test/-testtwo/index.html

CSS:http://epicgiggle.co.uk/test/-testtwo/style.css

jQuery:http://epicgiggle.co.uk/test/-testtwo/custom.js

提前致谢!

Answer 1

您正在做大量工作，分别移动文本和 CSS 属性。移动 div 本身要容易得多。 ( .insertBefore 和 .insertAfter 是您在这种特殊情况下需要的方法。)

$(".prev").click(function() {
        $('.tri').last().insertBefore( $('.tri').first() );
});
$(".next").click(function() {
        $('.tri').first().insertAfter( $('.tri').last() );
});

http://jsfiddle.net/mblase75/Dnwvy/2/