제이쿼리 로드 함수 질문요

제이쿼리 로드 함수 질문요

QA

제이쿼리 로드 함수 질문요

본문

구글링하여 아래 select방식 탭을 적용완료하였구요

 

혹시 아래 제이쿼리함수에서 로딩함수를 넣고싶을경우에는 어떻게 해야할까요?!

 

* 탭버튼을 클릭하면 tab-contents부분에 로딩구현후 내용이 보이게 하고싶어요

로딩아이콘은 있어요!

 

 

 



$(document).ready(function() {
	var $tabButtonItem = $('#tab-button li'),
	    $tabSelect = $('#tab-select'),
	    $tabContents = $('.tab-contents'),
	    activeClass = 'is-active';

	$tabButtonItem.first().addClass(activeClass);
	$tabContents.not(':first').hide();

	// button
	$tabButtonItem.find('a').on('click', function(e) {
		var target = $(this).attr('href');

		$tabButtonItem.removeClass(activeClass);
		$(this).parent().addClass(activeClass);
		$tabSelect.val(target);
		$tabContents.hide();
		$(target).show();
		e.preventDefault();
	});

	// select
	$tabSelect.on('change', function() {
		var target = $(this).val(),
		    targetSelectNum = $(this).prop('selectedIndex');

		$tabButtonItem.removeClass(activeClass);
		$tabButtonItem.eq(targetSelectNum).addClass(activeClass);
		$tabContents.hide();
		$(target).show();
	});
});

이 질문에 댓글 쓰기 :

답변 1

<div id="loading" class="displaynone">로딩이미지</div>

 

~~~~~~~~~~~~~~

~~~~~~~~~~~~~~
  setTimeout(function() {
        $("#loading").show();
    },200);

  $(target).show();

$("#loading").hide();

참고만하세요 방법은 많을듯합니다..

답변을 작성하시기 전에 로그인 해주세요.
전체 8
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT