-2

データベースからいくつかの画像を取得して表示するビューがあります。次に、それらにいくつかの効果を追加したいと思います。jqueryプラグインを使用しています。私のコードを見てください：

ここに画像の説明を入力

しかし、すべての画像ではなく、最初に発生した画像だけにスクリプトが影響します。問題はどこだ？

4

4 に答える 4

1

JQuery セレクターを使用して、ページ内のすべての画像を取得します。

$('img').adipoli({
        'startEffect': 'overlay',
        'hoverEffect': 'sliceDown'

});

于 2012-11-15T10:58:40.413 に答える
0

ID はまず一意である必要があるため、その ID を持つ最初の要素でのみ有効になるため、代わりにこれを試してください

$('.adipoli-wrapper img').adipoli({
            'startEffect': 'overlay',
            'hoverEffect': 'sliceDown'
});

クラスadipoli-wrapperを持つスパン内のすべてのイメージタグで有効になるか、イメージタグに一意のクラスを与えてこれを使用します

 $('.YourClassName').adipoli({
                'startEffect': 'overlay',
                'hoverEffect': 'sliceDown'
 });
于 2012-11-15T10:57:21.193 に答える
0

ID は要素ごとに一意である必要があります。代わりにクラスを使用するか、コンテキスト付きのタグ名を使用してください:

$('.myImgClass').adipoli({
            'startEffect': 'overlay',
            'hoverEffect': 'sliceDown'
        });
于 2012-11-15T10:56:38.060 に答える
0

問題は、ID をセレクターとして使用しており ( $('#kio')# は ID であることを意味します)、ID はページに固有であるため、返される ID は 1 つだけです。そのため、img タグから id 属性を除外する必要があります。

解決策は、必要なすべての要素を提供するセレクターを使用することです。この場合、おそらく$('.adipoli-wrapper img')最初の部分で class を持つすべての要素が選択されadipoli-wrapper、次に img 部分imgでそれらの要素内にあるすべての要素が選択されます。

余談adipoli-wrapper>imgですが、コードに含まれているクラス名は有効なクラス名ではありません。おそらくadipoli-wrapper、私の答えで想定していることを意味します。

于 2012-11-15T11:22:12.477 に答える