codepen에서 찾은 코드를 사용하여 필터링 된 포트폴리오를 설정하려고합니다. 코드를 구현할 수 있었지만 javascript 함수에 호버 효과를 적용하기 위해 추가 코드를 추가하는 데 실패했습니다. 내가 도대체 뭘 잘못하고있는 겁니까? 다음은 예입니다 https://codepen.io/creotip/pen/dfjeF필터링 된 포트폴리오에 추가 div 추가
$(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);
});
});
나는 자바 스크립트 코드로이 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 - 이것은 당신이 기대하는 것입니까? –
스택 오버플로에 오신 것을 환영합니다! 제 3 자 사이트뿐만 아니라 질문 자체에있는 모든 관련 코드를 [mcve]에 입력하십시오. –