나중에 DOM에서 만든 항목에 jQuery 플러그인 효과를 적용하는 방법

Question

이벤트로 만든 항목에 jQuery 플러그인 효과를 적용하려면 어떻게해야합니까?

그래서 저는 사이트 전체에서 모든 스타일에 jquery.scroll.js 플러그인을 사용하도록하고 있습니다. 나는 현재 모든 활동적인 uls에서 일하고있다. 그러나 몇 가지 범주/하위 범주 섹션이 있습니다. 필자는 jQuery를 독자적으로 작성하는 데 여전히 익숙하지 않으며 나중에로드 될 때 항목에 플러그인을 적용 할 때 이해할 수없는 논리의 도약이 있습니다.

실제 예제에서 사용자는 ul에서 카테고리를 클릭하고 Rails 및 JSON을 통해 하위 카테고리를로드합니다. 가벼운 샘플의 경우, 내가 겪는 이슈를 시뮬레이트하는 jsfiddle을 만들었습니다.

카테고리 ul의 스타일은 정확하지만 하위 카테고리 ul은 스타일을 선택하지 않습니다. 이를 해결하기위한 코드를 작성하는 것뿐만 아니라이 기능을 배우는 데 필요한 방향을 알려주는 데 도움이되기를 바랍니다. http://jsfiddle.net/dandenney/25R8F/1/

사전에 감사합니다!

Answer 1

DOM에 ul 요소를 동적으로 추가 한 후에는 플러그인을 초기화하십시오. 예를 들어

:

$.loadLists({ 
    success: function(html) { 
     $("#someElement").html(html); 
     $("#someElement ul").plugin(); 
    } 
}); 

Answer 2

또한 요소가 페이지에 표시 할 때 함수를 해고하는 플러그인을 livequery 사용할 수 있습니다.

http://jsfiddle.net/25R8F/4/

경고를 추가하고 더 나은 즉시이를 게시 한 후 http://jsfiddle.net/25R8F/6/