제이쿼리 로드 함수 질문요
본문
구글링하여 아래 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();
참고만하세요 방법은 많을듯합니다..
답변을 작성하시기 전에 로그인 해주세요.
