jQuery 썸네일형 리스트형 유동적인 테이블 Td 셀 병합 rowspan 처리 Javascript 함수 지정 항목의 tr > td 값에 값이 동일 한 경우 rowspan 처리해주는 Javascript 함수입니다. 주석 처리된 라인의 경우 contains 를 사용하여 포함된 조건이어서 일부 상황에서 정렬에 의해 해당 Row 사이에 다른 Row가 존재하는 경우 문제가 생길수 있는 상태인데 원작자의 글 댓글에 일치하는 조건으로 코드 개선해주신분이 계셔서 취합했습니다. $(document).ready(function(e){ genRowspan("td 클래스명"); }); function genRowspan(className){ $("." + className).each(function() { //var rows = $("." + className + ":contains('" + $(this).text() + "'.. 더보기 jQuery 여러개의 Class가 적용된 객체 선택하기 How can I select an element with multiple classes in jQuery?- without space. 여러개의 클래스가 지정된 객체를 선택하고자 할 때.. 어떻게 해야할까- 띄어쓰기 없이 해야함. multiple classes $(".a.b.c").trigger("click") 더보기 jquery ajax 동기처리가 안되는 경우.. async 옵션이 적용 안될 때. jQuery ajax 옵션중에는 async 옵션이 있습니다.이것은 기본적으로 ajax가 비동기 처리를 하지만 필요에 따라 동기 요청을 하기 위한 옵션이지만최근 경험상 적용이 되지 않는 것이 확인되어 api 사이트를 확인해보니 아래와 같은 내용이 확인이 됩니다. 크로스 도메인일 경우 데이터 타입이 jsonp라면 지원되지 않는다. 위의 조건 외에도 1.8 버전 이후부터 지원되지 않음이라고 명시되어있고 콜백 함수를 이용하도록 명시가 되어있으니 1.8버전 혹은 최신 버전을 사용하는 경우 문제가 될 것같습니다. 그런데...되는 경우도 있고..안되는 경우도 있고...모호하네요. 확실하게 그냥 콜백 함수를 사용해야겠습니다. async (default: true) Type: BooleanBy default, all r.. 더보기 jQuery 특정 객체가 화면에 보이는지 여부 확인 종종 해당 객체가 보여지고있는지 여부에 따라 어떤 액션을 취해야할 경우가 있습니다. 아래와 같이 체크 합니다. if($(selector).is(":visible")) { alert("노출되고있음."); }else{ alert("숨겨져있음."); } 더보기 jQuery Formatnumber , 콤마처리 gitgub Url : https://github.com/customd/jquery-number 숫자형 처리를 위한 플러그인으로 주요 처리 포맷은 아래와 같습니다. 정수 형 $.number( 5020.2364 ); // Outputs 5,020 소수점 둘째 자리 까지 $.number( 5020.2364, 2 ); // Outputs: 5,020.24 상세 옵션에 대해서는 https://github.com/customd/jquery-number 더보기 jQuery Select Box Option 동적 추가 , 이동, 삭제 , 복사 Select box 간 Option 값 이동, 삭제 , 추가 하는 샘플코드 입니다. Test Url : http://www.uhoon.co.kr/test/5237.html 1 2 3 4 5 6 7 8 9 10 더보기 jQuery FadeIn , FadeOut 을 이용한 간단한 메인 배너 이미지 노출 FadeIn , FadeOut 을 이용한 간단한 이미지 노출.하나가 사라지며 하나가 보여지는 그런... 워낙 플러그인들이 잘 나와있지만간단한걸 굳이 서치해서 적용하기 귀찮아서 가볍게 쓰기위해 만들었습니다. 사용법 : 이미지에 "main_img" class를 추가. * html * JS 더보기 jQuery woothemes FlexSlider - 슬라이더 플러그인 형태로 쉽게 이용할 수 있는 슬라이더 입니다. Plugin Url : http://source.woothemes.com/flexslider/ download : License : MIT License 사용 샘플 코드 Step 1. Step 2. Step 3. Step 3. 옵션 : 상세 설명 https://github.com/woothemes/FlexSlider/wiki/FlexSlider-Properties namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin selector: ".slides > li", //{NEW} Selector: Must .. 더보기 이전 1 2 3 4 ··· 6 다음
