[JS] prettyPhoto 프리티 포토. 다른 태그 클릭시 이벤트 일으키기

<div class="css">
	<a class="" data-gal="prettyPhoto[gallery]" href="이미지"></a>
</div>

 

wordpress 라이브러리 같은데, 보통 위의 경우로 구성되어 있다.

하지만 제목을 따로 두는 경우가 있어 그 제목을 클릭시 이벤트를 일으켜야 했다.

<div class="css 클릭클래스" val="이미지 주소">
    <h5>제목</h5>
    <p>설명</p>
</div>

특정 url을 div에 박아 두어 해당 부분을 작동되게 해두었는데, 문제는 이벤트 발생이 안된다는 것.

 

원인은 하단에 있다.

$("a[data-gal^='prettyPhoto']")[0].click();

// 위의 내용이 일치하는 것을 찾는것인지 몰랐던 부분의 문제였다.
// href로 하여 해당 주소가 맞는 것으로 클릭 이벤트를 호출하니 문제가 해결되었다.

아래처럼 하니 작동이 원활하게 진행되었다

$('클릭 클래스').click(function() {
    let url = $(this).attr("val");
    $(`.css a[href='${url}']`)[0].click();
});