안녕하세요 django-endless-pagination을 이용해서 ajax를 사용한 h

 
JeongWoo Choi

안녕하세요

django-endless-pagination을 이용해서 ajax를 사용한 html element 로딩을 사용하고 있습니다.

이렇게 템플릿으로 사용하고 있습니다
“`
template_name = “portfolios/portfolio_list.html”
page_template = ‘portfolios/portfolio_list_page.html’

“`

portfolio_list.html에 있는 javascript functions( 예를 들면, _owl_carousel(), _flexslider(), _popover(), _lightbox(), _mixitup(),, etc 이 있다고 해보겠습니다) 들은, portfolio_list.html에 존재하는 html element들에는 잘 적용이 됩니다.

근데 show more을 눌러서 portfolio_list_page.html을 load하게되면, 위의 javascript function들은 portfolio_list_page.html내에 있는 element에는 적용이 되지 않네요…

이처럼 ajax로 새로운 html element들이 기존의 html 페이지내에 추가 로드가 되면, 해당 portfolio_list.html내의 javascript functions들을 새롭게 다시 실행시키고 싶은데 어떤 방법이 있는지 조언좀 얻을 수 있을까요?

  • JunHaeng Joshua Lee

    새로 생긴 html element를 대상으로 이벤트 바인딩 하는 코드나 dom 파싱해서 재조립하는 코드를 한번 더 실행시키시면 됩니다. django 코드는 아니고, javascript 쪽을 고쳐야합니다.

    Whoami Jeong

    이준행님 말씀대로 하셔야 할거 같아요.

    다시 실행한다는게 감이 안와서 …혹시 도움되실까 적어보면..

    이벤트 바인딩 방법 중에는 새로 추가된 element들을 인식 못하는 경우가 있습니다. 이런 경우는 동적으로 추가되어도 이벤트 바인딩이 되게 방식을 변경하셔야 할거 같아요.
    구글 검색에
    자바스크립트 동적 엘리멘트 이벤 바인딩 이런식으로 검색하시면 될거같습니다.

    Whoami Jeong

    아 이게 아닌거 같군요 ㅡㅡ

Advertisements