반응형 전체 글23 button click selected option change 버튼 클릭시 옵션 체크 변경 html clickme1 clickme2 changevalue1 changevalue2 js $(document).ready(function(){ $(".btn1").click(function () { //this is change select value 1 $('#dynamicChange').val('1').trigger('change'); }); $(".btn2").click(function () { // //this is change select value 1 $('#dynamicChange').val('2').trigger('change'); }); }); 2021. 10. 27. select option value fadein fadeout javascript 선택 옵션1 옵션2 js $("#abroad_select").change(function() { var abroad_select = $("#abroad_select option:selected").val(); if (abroad_select == 1) { $(".abroad_option01").show(); } else { $(".abroad_option01").hide(); } if (abroad_select == 2) { $(".abroad_option02").show(); } else { $(".abroad_option02").hide(); } }); 2021. 10. 20. 팝업 닫기 유튜브 멈춤, 재생 다시 열었을 때 재생하기 / 유튜브 자동 재생 html js css html js 스크립트 $(function(){ var embed = $('#player'); //동영상 코드 $('.button').on('click', function(){ //레이어 열때 var path = $(this).attr('href'); $('.iframe_box').append(embed); $(path).fadeIn(); }) $('.close_tbn02').on('click', function(){ //레이어 닫을때 $(this).parents('#layer').fadeOut(); $('.iframe_box').empty(); }) // 외부영역 클릭 시 팝업 닫기 $(document).mouseup(function (e){ var LayerPopup = $(".pop_youtube".. 2021. 8. 10. 풀페이지 팝업시 뒤에 스크롤 안되게 하기 자바스크립트 go_view 를 클릭하면 body 를 얼려버립니다 close를 클릭하면 다시 body가 풀어집니다 $('.go_view').click(function(){ $('.pop_up').stop().fadeIn(); // $('body').addClass('fixed'); $('body').on('scroll touchmove mousewheel', function(event) { event.preventDefault(); event.stopPropagation(); return false; }); }); $('.close').click(function(){ $('.pop_up').stop().fadeOut(); // $('body').removeClass('fixed'); $('body').off('scro.. 2021. 4. 1. 이전 1 2 3 4 5 6 다음 반응형