jquery fileupload와 jquery textarea autoresize를 사용하는데,

대상이 모두 동적으로 추가되는 것들이라, 기본 사용법으로는 사용할 수 없어서

찾아보니 livequery라는 훌륭한 jquery plugin이 있었다.(제작자 홈페이지, GitHub)

희안한건 jquery plugin 공식 배포 사이트에서는

이 plugin을 찾을수 없었다.

jquery와 포함이 돼 버린건지 알수는 없지만, 일단 기본 jquery에서는 원하는 기능을

찾을 수 없어서 이 plugin을 사용하기로 했다.

사용법은 다른 plugin들과 비슷하다.

동적으로 추가된 요소에 이벤트를 bind할때
$('selector').livequery('click', function() {
});

이건 jquery의 liveon, delegate 등으로 가능하므로 꼭 livequery를 사용할 필요는 없다


동적으로 추가된 요소에 jquery plugin을 적용할때
$('input:file').livequery(function () {
                var $obj = $(this);
                $obj.fileupload({...........});
});




Posted by incree

2013/08/22 07:51 2013/08/22 07:51
, , ,
Response
0 Trackbacks , 0 Comments
RSS :
http://www.incree.com/tc/incree/rss/response/260

Trackback URL : 이 글에는 트랙백을 보낼 수 없습니다

[JavaScript] jquery UI draggable 사용시

jQery UI draggable 사용시 특정 영역을 클릭했을때만 draggable하고 싶었는데,

이런 옵션이 없는것 같아서 굉장히 아쉬워하면 어쩔수 없이 그냥 쓰고 있었는데

handle라는 옵션이 있었다.

handle에 특정 영역을 지정하면 해당영역을 클릭했을때만 draggable이 가능하다


$("#popup_container").draggable({ handle: $("#popup_title") });

jQuery Alert Dialogs 보다가 확인한 기능

왜 메뉴얼 보고는 못 찾고... 역시 영어가 약해서 그래...ㅠ.ㅠ


Posted by incree

2013/08/16 10:18 2013/08/16 10:18
, , , ,
Response
0 Trackbacks , 0 Comments
RSS :
http://www.incree.com/tc/incree/rss/response/256

Trackback URL : 이 글에는 트랙백을 보낼 수 없습니다

[JavaScript] jquery Lightbox

jquery lightbox 들이 너무 기능이 많고 복잡한 것들만 있어서

간단하게 쓸려고 하나 만들었는데.......먼가 구려

jquery plugin이 아니라 좀 아쉽긴 하지만, 그냥 tinybox 쓰기로 함

http://sandbox.scriptiny.com/tinybox2/
http://www.scriptiny.com/2011/03/javascript-modal-windows/


tinybox에서 scroll 이벤트에서 재 설정기능이 없어서 추가함

window.onscroll=TINY.box.resize






2018.08.16 추가
var top = (($(window).height() / 2) - ($("#popup_container").outerHeight() / 2)) + $.alerts.verticalOffset;
var left = (($(window).width() / 2) - ($("#popup_container").outerWidth() / 2)) + $.alerts.horizontalOffset;

jQuery Alert Dialogs 에 보면 이런 코드가 있는데, 나중에 한번 적용해 봐야지


2018.08.17 추가
더 정리된(& 기능 추가된) 파일 업로드
이거 그냥 쓰기로...


Posted by incree

2013/08/11 21:12 2013/08/11 21:12
, , ,
Response
0 Trackbacks , 0 Comments
RSS :
http://www.incree.com/tc/incree/rss/response/255

Trackback URL : 이 글에는 트랙백을 보낼 수 없습니다

[JavaScript] jQuery img src selector bug??

jQuery에서 img src를 셀렉터로 이용할때

ie에서 특이한 증상이 발생한다

jQuery bug보다는 ie의 문제일 것 같다.

jQuery 1.6.4 버젼
IE 9 에서

jQuery('img[src="/common/images/checkMark.jpg"]')

이렇게 할 경우 객체를 찾지 못한다

파이어폭스에서는 정상작동한다.

원인은 ie에서는 src에 도메인까지 포함된 값을 리턴하기 때문이다

따라서 ie에서 정상작동되게 하려면

jQuery('img[src$="/common/images/checkMark.jpg"]') 로 하거나(미묘하지만 100% 맞는것은 아님)

jQuery('img[src$="http://www.example.com/common/images/checkMark.jpg"]') 으로 해야 한다

Posted by incree

2012/05/09 03:25 2012/05/09 03:25
,
Response
0 Trackbacks , 0 Comments
RSS :
http://www.incree.com/tc/incree/rss/response/118

Trackback URL : 이 글에는 트랙백을 보낼 수 없습니다

[JavaScript]둥근 모서리 jQuery plugin

http://jquery.malsup.com/corner/


Posted by incree

2011/05/13 00:00 2011/05/13 00:00
,
Response
0 Trackbacks , 0 Comments
RSS :
http://www.incree.com/tc/incree/rss/response/16

Trackback URL : 이 글에는 트랙백을 보낼 수 없습니다


Notices

Archives

Authors

  1. incree

Recent Trackbacks

Calendar

«   2017/04   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30            

Site Stats

Total hits:
400065
Today:
51
Yesterday:
183