jquery - 重なっているスライドテキスト

Question

私が作成しているWordpress用のスライダープラグインにわずかな問題があります。テキストを最初にslideUpに、次の画像に移行する直前にslideDownに変換しようとしています。これは正常に機能しているように見えますが、数回遷移すると、テキストがフェードするスライダー（一番上）が重なり始めます。次の画像のテキストは、スライドが変更される前に表示されます。

そしてコードセグメント：

http://pastebin.com/3WxgRWdg

助けてくれる人に感謝します。本当にありがたいです。マシュー。

Answer 1

もう一方のアニメーションが原因です。完全な機能を確認してください。

var text = '.lof-main-item-desc';
$(text).slideUp(200);
this.wrapper.stop().delay(200).animate(obj, {
    duration: this.settings.duration,
    easing: this.settings.easing,
    complete: function() {
        $(text).slideDown(200);
    }
});

これが行っていることは、別のスライドショーにあるかどうかに関係なく、すべて を見つけて影響を与えることです。.lof-main-item-desc次のように、両方向にスライドするときにこのラッパー内だけを見ることで、現在のショーにあるものだけに影響を与えるようにする必要があります。

var text = '.lof-main-item-desc';
$(this.wrapper).find(text).slideUp(200);
this.wrapper.stop().delay(200).animate(obj, {
    duration: this.settings.duration,
    easing: this.settings.easing,
    complete: function() {
        $(this).find(text).slideDown(200);
    }
});