Live Brilliant

# bxSlider 라이브러리 사용중 버그발견 (bxslider ie 문제 인듯) [원인]http://bxslider.com/examples/slideshow-adaptive-height위와 비슷한 형태의 슬라이더 배너를 만들고 IE에서 테스트를하나 처음접속시 배너영역이 나오지 않는다.다시 새로고침하면 나오지만 캐시 삭제후 다시 접속을 하면 배너 이미지가 나오지 않고 로딩이미지만 나오는 버그 발견 구글 검색후 다양한 해결 방법이 있었지만 해결되지 않았다. [해결]jquery.bxslider.js 파일에 코드 추가 setup function 부분/** * Performs all DOM and CSS modifications */var setup = function(){// wrap el in a wrapp..

[문제]DOM 에서 탭메뉴로 페이지 구성시 새로고침을 하게되면 첫번째 탭메뉴 페이지가 나오는 문제 [해결]$(document).ready(function(){ var link = document.location.href; //현재 접속 url var tab = link.split('/').pop(); //배열의 맨 마지막 요소를 삭제하고 삭제된 해당 값을 반환함 $('a[href$='+tab+']').trigger("click"); //해당 앵커 트리거를이용 클릭 이벤트}); Link one Link two Link three Link four 4번째 탭메뉴를 클릭하면 http://url/#4 주소가 된다 새로고침시 접속 url 에서 마지막 세그먼트를 찾고 해당 앵커 트리거로 클릭 이벤트 끝~

#hashchange 라이브러리 [download] http://benalman.com/projects/jquery-hashchange-plugin/ ajax 통신이나 스크롤 이동후 새로고침, 뒤로가기 를 하면 기존 정보가 초기화 되서 다시 찾아야하는 번거러움이 단점이였다. jQuery 플러그인은 크로스 브라우저 HTML5의 window.onhashchange 이벤트를 통해 아주 기본적인 #hash기록을 할 수 있습니다.

select 2는 jquery 기반으로 select box 를 대신하여 사용합니다.검색 지원, 원격 데이터 세트, 결과 무한 스크롤 사용법은 아래 사이트에서 예제를 보며 습득 http://ivaynberg.github.io/select2/[기본 예제 코드] Alabama ... Wyoming # select box 넓이를 실제 불러온 데이터 넓이에 맞게 표현하고싶을때 {width: 'resolve'}$(document).ready(function() { $("#myselect").select2({ width: 'resolve' }); });

1. 아이프레임에서 부모창에 .background_layer 활성화$('.background_layer', parent.document).show(); 2. 아이프렘이에서 부모창의 다른 아이프레임 컨트롤$("#id", parent.frames['frameid'].document); 3. iframe 부모창의 높이값 구하기$(parent.window).height(); //브라우저의 뷰포트의 높이 반환$(parent.document).height(); //HTML의 높이를 반환 4. 부모창 스크롤바 이동 var position=$("#pre_userdb",parent.document).offset(); $('html, body', window.parent.document).animate({scrollTop..

#jquery mobile 을 사용하여 페이지 전환 효과를 주려한다.근데 페이지 전환효과를 랜덤으로 주고싶다. $(document).ready(function(){//none, slide, slidedown, pop, flip, flowvar ptarr = [ "slide", "slidedown", "pop", "flip", "flow"];var rdarr = ptarr[Math.floor(Math.random() * ptarr.length)];alert(rdarr);$.mobile.defaultPageTransition = rdarr; }); $(document).ready(function(){$("body").click(function(event){//none, slide, slidedown, pop..

1. 5초후 페이지 리디렉트jQuery(document).ready(function () {setTimeout(function() { var url = "http://superad.tistory.com"; $(location).attr('href',url);}, 5000);}); 2. 3초후 id레이어 숨기기 setTimeout( "jQuery('#div').hide();",3000 ); 3. 클릭 이벤트

[원인] 그누보드와 제이쿼리 사용중 기존 a링크와 form 에 페이지 전환 문제 jquery mobile 사용중 ajax 처리 문제로 페이지 이동이 안되는경우 발생 [해결1] 이 링크는 다른 도메인이나 rel="external", data-ajax="false" or target 은 Ajax를로드 할 수 없습니다. 대신, 이러한 링크가없는 애니메이션 전환으로 전체 페이지 새로 고침의 원인이됩니다. 두 속성(rel="external" and data-ajax="false") 같은 효과하지만 다른 의미 의미를 가지고 rel="external" 는 다른 사이트 또는 도메인에 연결 할 때의 사용되어야 하며data-ajax="false" 단순히 Ajax를 통해 로드되는 도메인 내 페이지를 빠저나가야 할 때 유용합..

//스크롤 method 발생 옵션 $(document).bind("scrollstop",function(){ alert('stopped scroll'); }); $(document).bind("scrollstart",function(){ alert('start scroll'); });

* li 태그 클릭시 li 인덱스값 추출 클릭한 li 태그가 몇번째인지 알고 싶을때 Welcome to My HomepageMy name is DonaldI live in DuckburgMy best friend is MickeyGoofyMickeyPluto