2

警告: 愚かな質問です! しかし、これを調べてみましたが、何を検索すればよいのか、何が間違っているのかわかりません。画像をフェードインさせようとしています。これが私のコードです:

$('.Middle-Tennessee').show().showNice(this);

そして後で私は私の機能を持っています:

function showNice(x){
    x.css('opacity', '0');
    x.animate({
        opacity: 1,
    }, 5000);
}

ありがとう！！

4

4 に答える 4

5

ここには、主にコードの記述方法に応じて、さまざまなオプションがあります。

.each()jQuery関数を反復処理し、コレクション内の各アイテムに対して独自の関数を呼び出すために使用します。

$('.Middle-Tennessee').show().each(function(index, element) {
    showNice($(element));
});

または、showNice()関数はすでにjQueryコレクションを想定しているため、次のようにすることもできます。

var items = $('.Middle-Tennessee').show();
showNice(items);

または、showNice()関数を破棄してjQueryチェーンを使用することもできます。

$('.Middle-Tennessee').show().css("opacity", 0).animate({opacity: 1}, 5000);

または、show、opacity、animateの代わりに組み込みのjQueryアニメーションを使用することもできます。

$('.Middle-Tennessee').fadeIn(5000);

showNice()または、次のようなjqueryプラグインにすることもできます。

jQuery.fn.showNice = function() {
    this.css('opacity', '0').animate({
        opacity: 1,
    }, 5000);
    return this;
}

そして、jQueryメソッドのようにshowNiceを使用できます。

$('.Middle-Tennessee').show().showNice();
于 2013-02-04T18:21:36.710 に答える
4

showNiceは jQuery メソッドではありません。引数として jQuery コレクションが必要です。

showNice($('.Middle-Tennessee').show());

で動作させるには、(ショートカットを使用して) $('.Middle-Tennessee').show().showNice();jQuery コレクション プロトタイプに追加する必要があります。$.fn

$.fn.showNice = function showNice() {
    this.css('opacity', '0');
    this.animate({
        opacity: 1,
    }, 5000);
    return this;
};
于 2013-02-04T18:19:31.230 に答える
4 
showNice($('.Middle-Tennessee').show());


function showNice(x){
    x.css('opacity', '0');
    x.animate({
        opacity: 1,
    }, 5000);
}

また

jquery フェディンを使用できます

$('.Middle-Tennessee').hide().fadeIn(5000);
于 2013-02-04T18:17:59.540 に答える
3

jQuery オブジェクトをパラメーターとして関数に渡すだけです。

showNice($('.Middle-Tennessee'));

- また -

jQuery のメソッドを使用することもできます。fadeIn() 

$('.Middle-Tennessee').fadeIn(5000);

最初の例での JavaScript関数の使用と、2 番目の例でのネイティブ jQueryメソッドの使用の違いに注意してください。

于 2013-02-04T18:20:57.200 に答える