1

これは私が現在行っている方法です:

function switchcontent(wait){
    //fade out image1
    $('#feature-img img:first-child, ').delay(wait).fadeOut('slow', function() {
        //fade in imag2
        $('#feature-img img:nth-child(2)').fadeIn('slow');
        var prev_img = ($(this).clone())
        $('#feature-img').append(prev_img);
        $(this).remove()
        switchcontent(wait);
    });
};

特に子要素の別の要素にも適用したいので、この解決策にはあまり満足していません。

現在の HTML:

<div class="images span7">
  <img src="featured_1.png">
  <img src="featured_2.png">
</div>

以下にも当てはまるものを希望します。

<div class="feature-text">
  <div>
    <h1>Lugn i din eknonomi</h1>
    <p>Zenconomy är smart fakturering, redovisning och rapportering på nätet. Vi underlättar vardagen för företagare, redovisningsbyråer och programmerare.</p>
  </div>
  <div>
    <h1>GRAPH</h1>
    <p>GRAPH OF APPROVAL!</p>
  </div>
</div>

または、その中に子を含む他の要素:)

4

2 に答える 2

1

http://jsbin.com/ufahiy/1/editを参照

$('div img:first').appendTo('div');

これにより、最初の要素が div の最後の要素として移動されます

複製して削除する必要はありませんappend()。移動したい要素が 1 つあれば十分です。firebug を使用して DOM を確認し、変更を確認できます。

于 2012-10-02T12:38:30.437 に答える
1
$('#feature-img').append(prev_img);
        $(this).remove()

追加するために複製する必要はありません。直接追加すると移動します。

prev_img=$(this);
$('#feature-img').append(prv_img);
于 2012-10-02T12:39:39.440 に答える