jQuery를 사용하여 움직이는 자바 스크립트 슬라이더에 addClass (삽입)합니까?

Question

Javascript를 기반으로하는 내 홈 페이지에 이미지 슬라이더가 있습니다. 일부 오픈 소스 웹 사이트에서 가져 왔습니다. 그것은 내가 필요로하는 것을 위해 아주 잘 작동합니다. 그러나 reflection.js 스크립트를 사용하여 이미지 아래에 반사를 추가하고 싶습니다. 리플렉션을 삽입하려면 내 img 요소에 "반영"클래스를 추가해야합니다. 그리고이를 수행하려면 외부 .js 파일을 사용하여 캐 러셀의 이미지에 클래스를 추가해야합니다.

내가 지금까지 가지고있는 것 : $('div.skin-default img').addClass("reflect");하지만 DOM 하중에 추가하려고합니다. 이미지가 동적으로 전환되기 때문에 (주어진 시간에 2 개의 사전로드 만) 동적으로로드되므로 DOM로드시 carosel의 다른 이미지에 클래스가 추가되지 않습니다. 그게 여기 문제 야? 그렇다면 jQuery가 새 이미지 요소를 계속 확인하고 자동으로 클래스 "반사"를 추가하도록 어떻게 말할 수 있습니까? 나는 아직도 jQuery에 대해 약간 새로운 편이다.

또한 내 웹 사이트로 Drupal 7을 사용하고 이미지 슬라이더 플러그인으로 Galleria를 사용하고 있습니다.

Answer 1

새 요소를 추가 한 후 슬라이더 스크립트에 패치를 적용하려면 콜백 (스크립트가 콜백을 수락하도록 구성된 경우) 또는 절차 적으로 (다음 줄에서).

또는 append에 의해 트리거 된 DOM 돌연변이 이벤트에 연결할 수 있습니다. 레거시 브라우저를 지원해야하는 경우 this 플러그인을 확인하십시오.