아미(아름다운미소)

각 함수로 select 박스 옵션을 변경할때 용도를 정리해보겠습니다. tirigger() : 사용자가 셀렉트 박스를 변경할때와 같이 이벤트를 발생시키고 싶을때 prop() : 사용자에게 화면에만 해당 옵션을 보여줄때 이벤트가 발생하지 않음 셀렉트 박스에서 chage 이벤트가 있다면 트리거를 사용해야 하며 그저 상태값만 이동 시키고 싶다면 prop을 이용합니다. $("#itemSelect").val('1').trigger('change'); $("#itemSelect").val("1").prop("selected", true);

datepicker를 사용하기 위해서는 기본적으로 다음의 3가지 File을 import해야 합니다. datepicker의 가장 기본적인 코드를 살펴보면 다음과 같습니다. $(function() { $( "#testDatepicker" ).datepicker({ dateFormat: 'yy-mm-dd', prevText: '이전 달', nextText: '다음 달', monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'], dayNames: ['일','월','화','수','목',..

jQuery 펼침메뉴 제이쿼리 인클루드 스타일 .menu a{cursor:pointer;} .menu .hide{display:none;} 스크립트 $(document).ready(function(){ $(".menu>a").click(function(){ var submenu = $(this).next("ul"); // submenu 가 화면상에 보일때는 위로 보드랍게 접고 아니면 아래로 보드랍게 펼치기 if( submenu.is(":visible") ){ submenu.slideUp(); }else{ submenu.slideDown(); } }).mouseover(function(){ $(this).next("ul").slideDown(); }); //$(".menu:eq(0)>a").click();..

퀵메뉴 $(function(){ var quick_menu = $("#miniArticle"); var quick_top = 124; // quick menu initialization quick_menu.css('top', $(window).height() ); $(document).ready(function(){ quick_menu.animate( { "top": $(document).scrollTop() + quick_top +"px" }, 100 ); //스크롤이 올라갈 때의 속도 값이 높아질수록 부드럽게 움직임 $(window).scroll(function(){ quick_menu.stop(); quick_menu.animate( { "top": $(document).scrollTop() + q..

레이어 팝업은 디자인에 따라 자칫하면 사용자에게 팝업의 존재를 인지하지 못하는 경우가 발생할 수 있기 때문에 사이트 전체에 검은 마스크 배경을 불투명하게 하여 가운데에 레이어 팝업을 띄워주어 쉽게 인지 하도록 해주시는게 좋습니다. 레이어 팝업 뛰우기 팝업 내용 입력 닫기X 레이어 팝업 발생