ajax 쓸 수록 쓸만하네요.
ajax 통신으로 들어가서 내부에서도 또 ajax 동작....... 머리는 아픈데... 퍼포먼스는 좋네요.
댓글 7개
11년 전
AjaxTB 라는 라이브러리나 프레임워크가 나온건 아니죠?
직접 만드신 class 형의 라이브러리...?
이모티콘 처리하는 페이지라면
과연 어떤 사이트일까? 궁금합니다....ㅋ으
직접 만드신 class 형의 라이브러리...?
이모티콘 처리하는 페이지라면
과연 어떤 사이트일까? 궁금합니다....ㅋ으
Terrorboy
11년 전
ajax통신을 너무 자주 쓰게 되어 만들어 본 라이브러리입니다.
최신버전: http://yobi.foxrain.me/terrorboy/terrorboy/code/master#자작/JQuery/TBAjax
설명페이지: http://demo.foxrain.me/ajax/
ps. 1번 이미지는 AjaxTB를 응용하여 좀더 쉽게 사용가능 하게 재가공한 것이죠 ㅎㅎ
공개글: http://sir.co.kr/bbs/board.php?bo_table=pg_talk&wr_id=6982
최신버전: http://yobi.foxrain.me/terrorboy/terrorboy/code/master#자작/JQuery/TBAjax
설명페이지: http://demo.foxrain.me/ajax/
ps. 1번 이미지는 AjaxTB를 응용하여 좀더 쉽게 사용가능 하게 재가공한 것이죠 ㅎㅎ
공개글: http://sir.co.kr/bbs/board.php?bo_table=pg_talk&wr_id=6982
11년 전
헉...이렇게 막 공개해 주셔도 되세요?....
사이트 구경 잘 했습니다.........^-^
사이트 구경 잘 했습니다.........^-^
Terrorboy
11년 전
어차피 만드는데 얼마 걸리지 않았고 만들기 쉬워서요 ㅎㅎ
11년 전
jQuery 최신 버전의 경우엔 live 대신 on을 권하고 있습니다.
$('#list').live('click', ...);은 $(document).on('click', '#list', ...); 같은 식으로 쓰면 되는데, 어디에 걸리냐 하는 걸 좀 더 명확히 하려고 한 것 같습니다.
document를 클릭하면 뒤져서 #list일 때 작동한다-란 식으로 명확히 하면 퍼포먼스나 생명주기에 대한 고려가 가능하기도 하고, 다른 엘리먼트에 걸어서 쓸 수도 있겠죠.
데이터 쪽은 $(this).attr('data-target') 대신 $(this).data('target') 같은 식으로 접근 가능합니다.
하이픈이 연속되는 경우라면 $(this).attr('data-target-id') 대신 $(this).data('targetId') 같은 식으로 쓸 수 있죠.
$('#list').live('click', ...);은 $(document).on('click', '#list', ...); 같은 식으로 쓰면 되는데, 어디에 걸리냐 하는 걸 좀 더 명확히 하려고 한 것 같습니다.
document를 클릭하면 뒤져서 #list일 때 작동한다-란 식으로 명확히 하면 퍼포먼스나 생명주기에 대한 고려가 가능하기도 하고, 다른 엘리먼트에 걸어서 쓸 수도 있겠죠.
데이터 쪽은 $(this).attr('data-target') 대신 $(this).data('target') 같은 식으로 접근 가능합니다.
하이픈이 연속되는 경우라면 $(this).attr('data-target-id') 대신 $(this).data('targetId') 같은 식으로 쓸 수 있죠.
Terrorboy
11년 전
1. 라이브를 쓰는 이유는 예전부터 라이브만 쓰다보니 손에 안익어서 ㅠ.ㅠ
2. 도큐 부터 검색과 제가 쓰는 검색중 도규 검색이 더느리다는 소문이 있어서 ㅠ.ㅠ
3. .data(트리거아이디) 는 오늘 처음 알았네요. 감사합니다 ㅎㅎ
2. 도큐 부터 검색과 제가 쓰는 검색중 도규 검색이 더느리다는 소문이 있어서 ㅠ.ㅠ
3. .data(트리거아이디) 는 오늘 처음 알았네요. 감사합니다 ㅎㅎ
Terrorboy
11년 전
추가로 jquery 최신 버전을 사용했을때 그누 쪽에서 문제되는게 있었던걸로 기억하여 1.8.x버전을 기준으로 작업 중이라죠 ㅠ.ㅠ;
좋은 정보 감사합니다.~
좋은 정보 감사합니다.~
게시글 목록
| 번호 | 제목 |
|---|---|
| 26447 |
기획서
사이트맵
11
|
| 26436 |
기획서
사이트제작순서 (참고)
10
|
| 5279 | |
| 5276 | |
| 30674 | |
| 18417 |
JavaScript
계층형 카테고리를 여러개 선택할수 있게 하는방법이 없을까요??
|
| 18414 |
jQuery
슬라이드 업 전체메뉴에 대해 질문드립니다.
2
|
| 5261 | |
| 27054 | |
| 5259 | |
| 5239 | |
| 18413 | |
| 31486 |
반응형웹
7. 서버측 반응형 웹 접근방법
17
|
| 18410 | |
| 18400 |
MySQL
mysql like 검색방법
9
|
| 30670 |
웹접근성
웹접근성이란?
3
|
| 5231 | |
| 18395 |
JavaScript
자바스크립트를 이용해서 모바일에 selet 박스 구현한것입니다
4
|
| 18387 |
jQuery
jquery로 펼침 메뉴 입니다.
7
|
| 18381 | |
| 30661 |
웹접근성
웹표준형 화면 확대/축소
8
|
| 5222 | |
| 18380 | |
| 27043 | |
| 18366 |
Mobile
끊기지 않는 세션을 만들려면 어떻게?
13
|
| 24478 | |
| 18359 | |
| 30660 | |
| 18355 |
MySQL
csv 편집 방법?
3
|
| 18351 | |
| 18343 | |
| 18333 | |
| 31439 |
반응형웹
6. 반응형 이미지
46
|
| 18329 |
JavaScript
자바스크립트 해킹 공격에 대한 방어
3
|
| 18323 | |
| 27040 | |
| 30655 | |
| 5211 | |
| 31427 |
반응형웹
잠깐글2. 반응형 테이블
11
|
| 5205 | |
| 5193 | |
| 5184 | |
| 18317 |
jQuery
jQuery Quick Api Reference
5
|
| 27032 | |
| 18313 | |
| 30647 |
CSS
그라디언트 에디터
7
|
| 31408 | |
| 30644 | |
| 18306 | |
| 18303 | |
| 18288 | |
| 27028 | |
| 18285 | |
| 31383 |
반응형웹
5. 반응형 네비게이션/메뉴
24
|
| 27024 | |
| 5174 | |
| 18276 |
Mobile
디바이스별 viewport 설정. (수정본)
8
|
| 27017 | |
| 27130 | |
| 18274 | |
| 26427 | |
| 5170 | |
| 5160 | |
| 5157 | |
| 31371 | |
| 27010 | |
| 18267 | |
| 27003 | |
| 30636 | |
| 18265 | |
| 31350 |
반응형웹
4. 반응형 레이아웃
20
|
| 18262 | |
| 26998 | |
| 18260 |
jQuery
[펌] jQuery select box
1
|
| 26992 | |
| 26988 | |
| 18259 |
기타
구글 확장프로그램 추천
|
| 31328 |
반응형웹
3. 반응형 그리드
21
|
| 26986 | |
| 18257 |
정규표현식
캡쳐 그룹과 비캡쳐 그룹
1
|
| 26983 | |
| 5154 | |
| 26975 | |
| 24474 | |
| 31309 | |
| 26966 | |
| 31251 | |
| 18253 |
웹서버
php 업로드 용량 늘리기
3
|
| 31218 |
반응형웹
반응형 웹 강좌를 시작하며
32
|
| 31201 | |
| 26957 | |
| 26954 | |
| 5147 | |
| 5139 | |
| 18248 | |
| 5132 | |
| 26947 | |
| 31189 | |
| 30631 | |
| 26939 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기