新しいプロジェクトの多くの場所で jQuery Innerfade を使用しています。たとえば、すべてのインスタンスの jQuery を変更するのではなく、コンテナーに追加されたデータ属性でコンテナーの高さの値を動的に渡すことができるようにしたいと考えています。次のように、HTML でコンテナーの高さを渡します。
HTML:
<div class="fade" data-height="190">
<a href="#" title=""><img src="http://placehold.it/190x190&text=Brand%201" alt=""></a>
<a href="#" title=""><img src="http://placehold.it/190x190&text=Brand%202" alt=""></a>
<a href="#" title=""><img src="http://placehold.it/190x190&text=Brand%203" alt=""></a>
</div>
次に、次のように、任意のインスタンスから追加された高さを取得します。
$('.fade').innerFade({
containerHeight: $(this).attr('data-height')+'px'
});
私が上に持っているものはうまくいきませんが、私が達成しようとしていることの要点をあなたに与えるはずです. 基本的に、問題の要素の data-height 属性を取得したいと考えています。