私はcodepenで見つけたコードを使用してフィルタリングされたポートフォリオを設定しようとしています。私はコードを実装することができましたが、javascript関数でホバー効果を適用するコードを追加することに失敗しました。私は間違って何をしていますか?次に例を示します。https://codepen.io/creotip/pen/dfjeFフィルタリングされたポートフォリオにdivsを追加
$(function() {
var selectedClass = "";
$(".btn").click(function() {
selectedClass = $(this).attr("data-rel");
$("#portfolio").fadeTo(100, 0.1);
$("#portfolio div").not("." + selectedClass).fadeOut().removeClass('scale-anm');
setTimeout(function() {
$("." + selectedClass).fadeIn().addClass('scale-anm');
$("#portfolio").fadeTo(300, 1);
}, 300);
});
});
私はjavascriptのコードに2つのdiv(オーバーレイとテキスト)を適用したいが、私は方法がわからない:あなただけでこれを行うことができ
<div id="portfolio">
<div class="tile scale-anm web all">
<img src="{image:Post1}" width="100%"/>
<div class="overlay">
<div class="text">
Hello World <i class="fa fa-arrow-right" aria-hidden="true"></i>
</div>
</div>
</div>
[...]
</div>
あなたは負荷に動的にオーバーレイブロックを挿入するか、タイルのブロックを置くと、オーバーレイブロックのスライド効果を作りたいですか? このペンを見てくださいhttps://codepen.io/anon/pen/KWWLLO - これはあなたが期待しているものですか? –
ようこそスタックオーバーフロー!第三者のサイトだけでなく、質問内の[mcve]に関連するすべてのコードを入力してください。 –