동적 출력 html 일부 효과 실효 처리

1657 단어 htmljqueryAjax
AJAX 동적 으로 페이지 를 불 러 와 새로 고침 없 이 불 러 오 면 문제 가 발생 할 수 있 습 니 다.예 를 들 어 일부 jquery 컨트롤 에 서 는 페이지 에 불 러 올 때 특수 한 속성 을 가 진 요 소 를 처리 합 니 다. 예 를 들 어 이벤트 바 인 딩 같은 것 입 니 다.동적 로 딩 이 라면 페이지 가 이미 로 딩 되 었 습 니 다. 동적 으로 출력 되 었 습 니 다. 이러한 특수 속성 을 가 진 요 소 는 처리 되 지 않 고 특정한 효과 가 없 을 것 입 니 다.
예 를 들 면:
<a class="btn blue thickbox" title='     ' href="@Url.Action("Create")?TB_iframe=true&height=350&width=500"><i class="icon-plus icon-white"></i>   </a>

원래 이 링크 를 클릭 하면 대화 상자 가 팝 업 됩 니 다 (thickbox 참조). 그러나 이 코드 가 ajax 동적 으로 출력 된다 면 이 효 과 는 없습니다.
대응 하 는 방법 은 동적 로드 가 끝 난 후에 다음 과 같이 실 행 됩 니 다.
tb_init('a.thickbox', 'tr.thickbox', 'td.thickbox');//           
//tb_init jquery.thickbox.js   

표 시 된 개성 화 된 속성 을 정의 한 다음 에 JS 가 해석 하고 처리 하 는 것 은 좋 은 사고 이다.예전 에 나 는 easyUI 에서 본 적 이 있 지만 별로 주의 하지 않 았 다.

좋은 웹페이지 즐겨찾기