본문 바로가기

코딩/제이쿼리23

[jquery] DOM에 나중에 추가된 항목 접근(이벤트) document가 모두 다 load 되고 난 후, jquery로 인해 DOM에 추가된 요소들은 보통 접근할 수 없다.그것에 접근하기 위해서는 이벤트를 다르게 줘야 하는데삭제 $('.survey_list').on('click', '.btn_del', function() {$(this).parent().remove(); //여기서 this는 .btn_del 이 됨.}) '.btn_del'이 DOM에 새로 추가된 엘리먼트라고 한다면, 그 부모를 이벤트 대상으로 선택하고.on(event, 추가된 elment, function() { }) 로 작성을 하면 된다. 또는 ajax 호출 후에 추가해야하는 이벤트의 경우 아래 방법을 사용하면 잘됨. $(window).bind("load", function() { // i.. 2017. 2. 6.
클립보드복사 스크립트 (모든 브라우저) clipboard 복사 스크립트. flash를 사용하지 않고 스크립트로만 함. 크롬, 파이어폭스, ie10 테스트 완료 방법은.. input박스를 안보이게 하나 만들고, 그 안에 value값을 집어넣어서 select되게 한후 복사하는 방법. 주의할 점은 input박스를 hidden처리하면 안된다. display:none도 하면 안되고 opacity를 0으로 하거나 position을 absolute로 해서 가려지게 해야함. HTML CODE ns1.euntori.com 211.000.000.000 ns2.euntori.com 211.111.111.111 jQuery CODE $('.clipboardBtn').on('click', function(e) { // a의 텍스트값을 가져옴 var text = $(.. 2016. 11. 8.
[jquery] tab메뉴 링크연결, hash 탭메뉴가 들어간 A 페이지를 만들었다. 부트스트랩을 이용해서..그런데 다른페이지B에서 어떤 버튼을 클릭했을때, 탭메뉴페이지A의 해당 탭을 선택한것 처럼 바로 열리도록 하고싶을때hash 스크립트로 간단하게 해결할 수 있다. a태그의 북마크 같은 기능을 탭메뉴 스크립트로 만든것. A 페이지 탭 도메인이란? 도메인 연장 기관 이전 ...... B 페이지 버튼버튼 href에 해당탭 id를 넣는다. 도메인 연장 스크립트 $(function(){ if (location.hash == "#domain"){ $('.nav-tabs').find('li').eq(0).addClass('active').siblings().removeClass(); $('.tab-content').find('#domain').addClass.. 2016. 11. 3.
[제이쿼리] Monthpicker Datepicker는 다들 많이 써서 잘 알고있겠지만 가끔 Monthpicker를 써야 할 때가 있다. 월만 선택해서 그 달의 매출량을 표시해야 할 때 유용하다. 괜찮은 Monthpicker를 찾음. Bootstrap datepicker를 변형한 Monthpicker https://github.com/wenzhixin/bootstrap-monthpicker 중국어로 되어있으므로 js파일을 열어서 수정해줘야함.var months = [ '1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월' ]; 이부분은 환경에 맞게 변형시킬 때 쓰는 코드.//실제 보여지는 날짜 정의 $('#month_text').val(new Date().getFullYear() .. 2016. 2. 11.
[제이쿼리] 현재 스크롤값 가져오기(scroll) 코딩을 하다가 현재 스크롤 값을 가져오려고 스크립트를 짰는데 실시간이 아닌, 처음에 로딩했을때의 스크롤 값만 가져오고 변화가 없었다. (아래 코드를 사용함) $(document).scrollTop(); 그래서 찾고 찾다가, 실시간으로 가져오려면 .scroll() 함수가 필요하단 것을 알았다. $(window).scroll(function () { var scrollValue = $(document).scrollTop(); console.log(scrollValue); }); 이렇게하면, 실시간으로 현재 스크롤값이 log에 찍힘. 2016. 2. 5.
벽돌컨텐츠, 스와이프 배너 벽돌컨텐츠 http://masonry.desandro.com/layout.html 가로사이즈가 유동적인 경우 sizer라는 div를 넣고, columnWidth를 grid-sizer로 넣는다. ... /* fluid 5 columns */ .grid-sizer, .grid-item { width: 20%; } /* 2 columns */ .grid-item--width2 { width: 40%; } $('.grid').masonry({ // set itemSelector so .grid-sizer is not used in layout itemSelector: '.grid-item', // use element for option columnWidth: '.grid-sizer', percentPositi.. 2015. 11. 30.
[제이쿼리] 스크롤탑 scrollTop 버튼 클릭시 스크롤을 맨위로 올려주는 소스.거기에 약간의 효과를 주어 스르륵 올라가도록 처리한다. 2015. 9. 8.
간단한 탭메뉴 소스 2015. 4. 10.
[제이쿼리] 제이쿼리 모바일 참고 사이트 제이쿼리 모바일 기본 ui 테마 변경할 수 있는 사이트. 다운로드도 가능하고 직접 쉽게 바꿀 수 있다. http://themeroller.jquerymobile.com/ 제이쿼리 기본 ui 아이콘을 볼 수 있고 사용하는 방법도 나와있다. http://demos.jquerymobile.com/1.4.3/icons/ 메뉴를 보면 버튼스타일이라든지 체크박스, 그리드 잡는 법 등등 기본적인 공부하기에 유용함. 2014. 9. 3.

티스토리툴바