jQuery(function(){ /* ----------------------------------------------------------------- 共通部分 ----------------------------------------------------------------- */ //スマホ時にツールバーを除いた画面高さ取得 // 1.関数の定義 function setHeight() { let vh = window.innerHeight * 0.01; document.documentElement.style.setProperty('--vh', `${vh}px`); } function setHeight2() { let vh = window.innerHeight * 0.01; document.documentElement.style.setProperty('--vh2', `${vh}px`); } // 2.初期化 setHeight(); setHeight2(); // 3.ブラウザのサイズが変更された時・画面の向きを変えた時に再計算する window.addEventListener('resize', setHeight2); let window_w = jQuery(window).width(); let window_h = jQuery(window).height(); let scroll_amount = jQuery(window).scrollTop(); //以下、viewport調整 let body_w = jQuery(window).width(); if(body_w<375){ jQuery('meta[name="viewport"]').attr("content" ,"width=375"); body_w = jQuery(window).width(); } //ドロワーメニュー開閉 jQuery('.js_manage_drawer_open').on('click' , function(){ if(jQuery(this).hasClass('active')){ jQuery(this).removeClass('active'); jQuery('.js_manage_drawer').slideUp(); } else{ jQuery(this).addClass('active'); jQuery('.js_manage_drawer').slideDown(); } });//jQuery('.js_manage_drawer_open').on('click' , function(){ //ボタンクリックでのローディング表示 function button_loading(){ jQuery('.js_loading_button').on('click',function(){ jQuery(this).addClass('js_click_rock'); }); }//function button_loading(){ if(jQuery('.js_loading_button').length){ button_loading(); } //ボタンクリックでのローディング表示 //js //ドロワーメニュー開閉 let pos; function body_fix(){ pos = jQuery(window).scrollTop(); jQuery('body').addClass('fixed').css({'top': -pos}); } function body_static(){ jQuery('body').removeClass('fixed').css({'top': 0}); jQuery(window).scrollTop(pos); } function drawer_open(){ jQuery('.js_drawer_open').addClass('active'); jQuery('.js_drawer_menu').addClass('show'); jQuery('.js_drawer_menu_bg').addClass('show'); // body_fix(); } function drawer_close(){ jQuery('.js_drawer_open').removeClass('active'); jQuery('.js_drawer_menu').removeClass('show'); jQuery('.js_drawer_menu_bg').removeClass('show'); // body_static(); } jQuery('.js_drawer_open').on('click',function(){ if(jQuery(this).hasClass('active')){ drawer_close(); }else{ drawer_open(); } }); jQuery('a:not([target="_blank"]):not([href^="tel:"])').on('click', function(){ if(jQuery('header').find('.js_drawer_open').hasClass('active')){ drawer_close(); } }); //都道府県のセレクトボックスからページ移行 let selected_event_prefecture; function event_prefecture_select(){ jQuery(document).on('change' , '.js_event_prefecture_select' , function(){ selected_event_prefecture = jQuery(this).val(); if(selected_event_prefecture){ window.location.href = selected_event_prefecture; } }); }//function event_prefecture_select(){ if(jQuery('.js_event_prefecture_select').length){ event_prefecture_select(); } /* ----------------------------------------------------------------- トップページ ----------------------------------------------------------------- */ //ページネーションのURLにアンカーリンクつける関数 function add_anchor(){ let url; jQuery('.event_page_nation').find('.page-numbers').each(function(){ url = jQuery(this).attr('href'); url = url+"#plist"; jQuery(this).attr('href' , url); }); } if(jQuery('body').hasClass("top_body")){ add_anchor(); } //FVしたのイベント下のswiper function recent_swiper(){ let recent_swiper = new Swiper('.recent_swiper', { // 以下にオプションを設定 loop: true, loopedSlides: 2, centeredSlides : true, slidesPerView: "auto", centeredSlides : true, centeredSlidesBounds : true, updateOnWindowResize : true, imagesLoaded : true, speed: 1000, autoplay: { delay: 2000, disableOnInteraction: false, }, }); }//function recent_swiper(){ if(jQuery('.recent_swiper').length){ recent_swiper(); } //口コミのswiper function voice_swiper(){ let voice_swiper = new Swiper('.voice_swiper', { // 以下にオプションを設定 loop: true, loopedSlides: 2, centeredSlides : true, slidesPerView: "auto", centeredSlides : true, centeredSlidesBounds : true, updateOnWindowResize : true, imagesLoaded : true, speed: 1000, autoplay: { delay: 2000, disableOnInteraction: false, }, }); }//function voice_swiper(){ if(jQuery('.voice_swiper').length){ voice_swiper(); } /* ----------------------------------------------------------------- イベント詳細 ----------------------------------------------------------------- */ function faq_switch(){ jQuery(document).on('click' , '.js_faq_question' , function(){ if(jQuery(this).hasClass('active')){ jQuery(this).removeClass('active'); jQuery(this).parents('.js_faq_block').find('.js_faq_answer').hide(); }else{ jQuery(this).addClass('active'); jQuery(this).parents('.js_faq_block').find('.js_faq_answer').show(); } });//jQuery(document).on('click' , '.js_faq_question' , function(){ }//function faq_switch(){ if(jQuery('.js_faq_block').length){ faq_switch(); } /* ----------------------------------------------------------------- アドレス変更時 ----------------------------------------------------------------- */ let ajax_url = jQuery('.js_ajax_url').val(); function mail_change(){ let check_mail; let mail_regex; mail_regex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; jQuery('.js_mail_change').on('click',function(){ check_mail = jQuery('.js_check_mail').val(); if(!check_mail){ alert('メールアドレスを入力してください'); return false; } if(!mail_regex.test(check_mail)){ alert('メールアドレスの形式が正しくありません'); return false; } jQuery.ajax({ type: 'POST', url: ajax_url, data: { 'action' : 'mail_change', 'nonce': '', check_mail: check_mail }, success: function( response ) { if(response.indexOf('exis') > 0){ alert('こちらのアドレスは既に使用されています'); jQuery('.js_check_mail').val(''); return false; } else if(response.indexOf('send') > 0){ alert('変更用URLを送信しました'); jQuery('.js_check_mail').val(''); return false; }else{ alert('処理中に問題が発生しました。再度入力をお願いします。'); return false; } }//success: function( response ) { });//jQuery.ajax({ });//jQuery('.js_mail_change').on('click',function(){ }//function mail_change(){ if(jQuery('.js_mail_change').length){ mail_change(); } /* ----------------------------------------------------------------- マイページでのポイントゲット ----------------------------------------------------------------- */ function mypage_login_point(){ jQuery('.js_m_point').on('click' , function(){ let login_point_result = window.confirm('本日のログインポイント取得しますか？'); if(login_point_result){ jQuery('.point_get_form').submit(); } }); } if(jQuery('.js_m_point').length){ mypage_login_point(); } /* ----------------------------------------------------------------- トップページのマルチ検索モーダル ----------------------------------------------------------------- */ function search_modal(){ jQuery('.js_search_modal_open').on('click',function(){ jQuery('.js_search_modal').addClass('show'); }); jQuery('.js_search_modal_close').on('click',function(){ jQuery('.js_search_modal').removeClass('show'); }); }//function search_modal(){ if(jQuery('.js_search_modal').length){ search_modal(); } /* ----------------------------------------------------------------- 都道府県入力に合わせた都市の入力ラン取得 ----------------------------------------------------------------- */ let input_prefecture; function city_list_up(city_list){ city_list = city_list.split(","); for(let i=0; i'+add_city_option+''); add_city_option.appendTo('.js_input_city'); } }//function city_list_up(){ function auto_city_ajax(){ jQuery.ajax({ type: 'POST', url: ajax_url, data: { 'action' : 'auto_city', 'nonce': '', input_prefecture: input_prefecture }, success: function( response ) { if(response.indexOf('no_city') != -1){ jQuery('.js_no_city_err').text('こちらの都道府県で現在イベントはありません。'); }else{ city_list_up(response); } }//success: function( response ) { });//jQuery.ajax({ }//function auto_city_ajax(){ function auto_city(){ jQuery('.js_input_prefecture').on('change',function(){ input_prefecture = jQuery(this).val(); jQuery('.js_input_city').find('option').remove(); if(input_prefecture){ jQuery('.js_no_city_err').text(''); auto_city_ajax(); }//if(input_prefecture){ }); }//function auto_city(){ if(jQuery('.js_input_prefecture').length){ auto_city(); } /* ----------------------------------------------------------------- 管理画面 共通 ----------------------------------------------------------------- */ let data_th_verti; function table_cell_entend(){//管理画面内のテーブルセルの拡大縮小 jQuery(document).on('click' , '.js_cell_wide_switch' , function(){ data_th_verti = jQuery(this).parents('th').attr('data_th_verti'); console.log(data_th_verti); if(jQuery(this).hasClass('extend')){ jQuery(this).removeClass('extend'); jQuery('[data_td_verti="'+data_th_verti+'"]').removeClass('extend'); }else{ jQuery(this).addClass('extend'); jQuery('[data_td_verti="'+data_th_verti+'"]').addClass('extend'); } });//jQuery(document).on('click' , '.js_cell_wide_switch' , function(){ }//function table_cell_entend(){ if(jQuery('.js_cell_wide_switch').length){ table_cell_entend(); } /* ----------------------------------------------------------------- 管理画面 クチコミ管理 ----------------------------------------------------------------- */ function review_modal(){ let review_id; let review_comment; let review_reply; //モーダルオープン時 jQuery(document).on('click' , '.js_review_modal_open' , function(){ jQuery('.js_review_modal').find('.js_review_modal_id').val(''); jQuery('.js_review_modal').find('.js_modal_comment_text').text(''); jQuery('.js_review_modal').find('.js_modal_reply_text').val(''); review_id = jQuery(this).parents('.review_line').attr('data_review_line_id'); review_comment = jQuery(this).parents('.review_line').find('.js_comment_text').text(); review_reply = jQuery(this).parents('.review_line').find('.js_review_reply_text_input').val(); jQuery('.js_review_modal').find('.js_review_modal_id').val(review_id); jQuery('.js_review_modal').find('.js_modal_comment_text').text(review_comment); jQuery('.js_review_modal').find('.js_modal_reply_text').val(review_reply); jQuery('.js_review_modal').addClass('show'); });//jQuery(document).on('click' , '.js_review_modal_open' , function(){ //モーダルクローズ時 jQuery(document).on('click' , '.js_review_modal_close' , function(){ jQuery('.js_review_modal').removeClass('show'); }); //モーダルの保存ボタンクリック時 jQuery(document).on('click' , '.js_review_modal_button' , function(){ jQuery('.js_review_modal').removeClass('show'); review_id = jQuery('.js_review_modal').find('.js_review_modal_id').val(); review_reply = jQuery('.js_review_modal').find('.js_modal_reply_text').val(); jQuery('[data_review_line_id="'+review_id+'"]').find('.js_reply_text').text(review_reply); jQuery('[data_review_line_id="'+review_id+'"]').find('.js_review_reply_text_input').val(review_reply); });//jQuery(document).on('click' , '.js_review_modal_button' , function(){ }//function review_modal(){ if(jQuery('main').hasClass('manage_review_main')){ review_modal(); } /* ----------------------------------------------------------------- 管理画面 会員一覧 ----------------------------------------------------------------- */ let member_id; let member_now_point; let member_change_point; let member_amount_point; let member_now_point_text; let member_change_point_text; let member_amount_point_text; let member_pos_top; let member_pos_left; let target_point_modal; function point_modal_calc(){//モーダル内の計算式 member_change_point = target_point_modal.find('.js_change_point').val(); if(member_change_point){ member_change_point = Number(member_change_point); }else{ member_change_point = Number(member_change_point); } if(target_point_modal.find('.js_point_switch').hasClass('minus')){ member_amount_point = member_now_point - member_change_point; }else{ member_amount_point = member_now_point + member_change_point; } if(member_amount_point<0){ member_amount_point = 0; } member_amount_point_text = member_amount_point.toLocaleString(); target_point_modal.find('.ja_amount_point_text').text(member_amount_point_text); }//function point_modal_calc(){ function point_modal(){ jQuery(document).on('click' , '.js_point_modal_open' , function(){//モーダルオープン時 member_id = jQuery(this).parents('.member_line').attr('data_member_line_id'); member_now_point = jQuery(this).parents('.member_line').find('.js_member_point').val(); member_now_point = Number(member_now_point); member_now_point_text = member_now_point.toLocaleString(); jQuery('.js_point_modal').removeClass('show'); target_point_modal = jQuery(this).parents('.point_cell').find('.js_point_modal'); target_point_modal.find('.ja_now_point_text').text(member_now_point_text); target_point_modal.find('.js_change_point').val(''); target_point_modal.find('.js_point_switch').removeClass('minus'); target_point_modal.addClass('show'); point_modal_calc(); });//jQuery(document).on('click' , '.js_point_modal_open' , function(){ jQuery(document).on('click' , '.js_point_switch' , function(){//モーダル内のプラスマイナス切り替え if(jQuery(this).hasClass('minus')){ jQuery(this).removeClass('minus'); }else{ jQuery(this).addClass('minus'); } point_modal_calc(); });//jQuery(document).on('click' , '.js_point_modal_close' , function(){ jQuery(document).on('keyup' , '.js_change_point' , function(){ point_modal_calc(); });//jQuery(document).on('click' , '.js_point_modal_close' , function(){ jQuery(document).on('click' , '.js_modal_point_save_button' , function(){//モーダル保存時 jQuery('.js_point_modal').removeClass('show'); target_point_modal.parents('.member_line').find('.js_member_point').val(member_amount_point); target_point_modal.parents('.member_line').find('.js_member_point_text').text(member_amount_point_text); });//jQuery(document).on('click' , '.js_point_modal_close' , function(){ jQuery(document).on('click' , '.js_point_modal_close' , function(){//モーダルクローズ時 jQuery('.js_point_modal').removeClass('show'); });//jQuery(document).on('click' , '.js_point_modal_close' , function(){ }//function point_modal(){ function csv_download() { let csv; let csv_table; let csv_name; let bom; let blob; let csv_url; // テーブルからデータを取得 csv_name = 'レインボーファクトリー会員一覧'; csv_table = jQuery('.csv_table tr').map(function() { return jQuery(this).find('th,td').map(function() { return jQuery(this).text() }); }); // CSVデータ整形 csv = csv_table.map(function(i, row){return row.toArray().join(',');}).toArray().join('\r\n'); // Excelの文字化け対策 bom = new Uint8Array([0xEF, 0xBB, 0xBF]); // Blobを生成 blob = new Blob([bom, csv], { type: 'text/csv' }); csv_url = (window.URL || window.webkitURL).createObjectURL(blob); // ダウンロードリンクにhrefとdownload属性を設定 jQuery('.js_export_link_download').attr('href', csv_url); jQuery('.js_export_link_download').attr('download', csv_name + '.csv'); jQuery('.js_export_link_download')[0].click(); // Blob URLを解放 (window.URL || window.webkitURL).revokeObjectURL(csv_url); jQuery('.js_export_link').removeClass('js_click_rock'); } function member_csv() { jQuery(document).on('click', '.js_export_link', function(event) { // event.preventDefault(); // デフォルトのリンク動作を無効にする jQuery('.js_export_link').addClass('js_click_rock'); jQuery('.csv_table').remove(); jQuery.ajax({ type: 'POST', url: ajax_url, data: { 'action': 'csv_member_listup', 'nonce': '' }, success: function(response) { if (response.indexOf('table') != -1) { jQuery(response).appendTo('.js_csv_table_frame'); csv_download(); // CSVダウンロード処理を呼び出す jQuery('.js_export_link').removeClass('js_click_rock'); } else { alert(response); jQuery('.js_export_link').removeClass('js_click_rock'); } }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert("データ通信に失敗しました。しばらく時間を置いたのち再度操作をお願いします。\n XMLHttpRequest : " + XMLHttpRequest.status + "\ntextStatus: " + textStatus + "\nerrorThrown : " + errorThrown.message); jQuery('.js_export_link').removeClass('js_click_rock'); } }); }); } if (jQuery('main').hasClass('manage_member_list_main')) { point_modal(); member_csv(); } /* ----------------------------------------------------------------- レインボーファクトリー　イベント管理 ----------------------------------------------------------------- */ let js_select_cell; let js_stamp_cell; function event_select_color_change(){ jQuery(document).on('change' , '.js_color_select' , function(){ js_select_cell = jQuery(this).val(); jQuery(this).parents('.js_select_cell').removeClass('red'); jQuery(this).parents('.js_select_cell').removeClass('green'); jQuery(this).parents('.js_select_cell').removeClass('yellow'); if(js_select_cell == '残りわずか'){ jQuery(this).parents('.js_select_cell').addClass('yellow'); } else if(js_select_cell == 'cancel待ち'){ jQuery(this).parents('.js_select_cell').addClass('green'); } else if(js_select_cell == '満席'){ jQuery(this).parents('.js_select_cell').addClass('red'); } });//document('document').on('change' , '.js_color_select' , function(){ jQuery(document).on('change' , '.js_stamp_select' , function(){ js_stamp_cell = jQuery(this).val(); jQuery(this).parents('.js_stamp_cell').removeClass('stamp_text_blue'); jQuery(this).parents('.js_stamp_cell').removeClass('stamp_text_red'); jQuery(this).parents('.js_stamp_cell').removeClass('stamp_bg_blue'); if(js_stamp_cell == '男性先行中！'){ jQuery(this).parents('.js_stamp_cell').addClass('stamp_text_blue'); } else if(js_stamp_cell == '女性急募！'){ jQuery(this).parents('.js_stamp_cell').addClass('stamp_text_red'); } else if(js_stamp_cell == '男性・特別価格/あと2名！'){ jQuery(this).parents('.js_stamp_cell').addClass('stamp_bg_blue'); } else if(js_stamp_cell == '男性・特別価格/あと1名！'){ jQuery(this).parents('.js_stamp_cell').addClass('stamp_bg_blue'); } });//document('document').on('change' , '.js_stamp_select' , function(){ }//function event_select_color_change(){ //イベント設定のselectボックス変更に連動して、送信用のinput hiddenの値を変える function event_input_change(){ let js_event_input_item_name; let js_event_input_item_value; jQuery(document).on('change' , '.js_event_input_item' , function(){ js_event_input_item_name = jQuery(this).attr('data_input_name'); js_event_input_item_value = jQuery(this).val(); jQuery(this).parents('tr').find('input[name="'+js_event_input_item_name+'"]').val(js_event_input_item_value); }); }//function event_input_change(){ //イベント表示のチェックボックスに連動して、テーブルラインの背景色と送信用のinput hiddenの値を変える function event_show_color_change(){ jQuery(document).on('change' , '.js_event_show' , function(){ if(jQuery(this).prop('checked') == true){ jQuery(this).parents('tr').removeClass('event_off'); jQuery(this).parents('tr').find('input[name="input_event_show"]').val('event_show'); }else{ jQuery(this).parents('tr').addClass('event_off'); jQuery(this).parents('tr').find('input[name="input_event_show"]').val(''); jQuery(this).parents('tr').find('.js_color_select').val('満席'); jQuery(this).parents('tr').find('.js_color_select').change(); jQuery(this).parents('tr').find('input[name="input_event_status_men"]').val('満席'); jQuery(this).parents('tr').find('input[name="input_event_status_women"]').val('満席'); } }); }//function event_show_color_change(){ //イベントのサムネイル設定 let event_post_id; let data_thumb; let thumb_file; function event_thumb_pop(){ jQuery(document).on('click' , '.js_thumb_modal_open' , function(){ event_post_id = jQuery(this).parents('.event_line').attr('data_line_event_id'); data_thumb = jQuery(this).parents('.js_thumb_cell').attr('data_thumb'); jQuery('.js_thumb_modal').find('.js_thumb_demo').attr('src' , data_thumb); jQuery('.js_thumb_modal').addClass('show'); jQuery('.js_thumb_comp_text').text(''); jQuery('.js_thumb_upload').val(''); }); jQuery(document).on('click' , '.js_thumb_modal_close' , function(){ event_post_id = '' data_thumb = '' jQuery('.js_thumb_modal').removeClass('show'); jQuery('.js_thumb_comp_text').text(''); jQuery('.js_thumb_upload').val(''); }); }//function event_thumb_pop(){ function event_thumb_preview(){ jQuery('.js_thumb_upload').on('change' , function (e){ let reader = new FileReader(); reader.onload = function(e) { jQuery('.js_thumb_demo').attr('src', e.target.result).show(); } reader.readAsDataURL(e.target.files[0]); }); }//function csv_name(){//アップしたcsvファル名取得 function event_thumb_ajax(){ let ajax_form_data = new FormData(); ajax_form_data.append('action', 'event_thumb'); ajax_form_data.append('nonce', ''); ajax_form_data.append('event_post_id', event_post_id); ajax_form_data.append('event_thumb', thumb_file); jQuery.ajax({ type: 'POST', url: ajax_url, data: ajax_form_data, processData: false, // データをクエリ文字列に自動変換しない contentType: false, // content-typeヘッダのデフォルト値をfalseにしてブラウザにmultipart/form-dataを設定させる success: function( response ) { if(response == 'false'){ alert('画像登録に失敗しました。再度操作をお願いします。') }else{ jQuery('[data_line_event_id="'+event_post_id+'"]').find('.js_thumb_cell').attr('data_thumb' , response); alert('画像を登録しました。') } jQuery('.js_thumb_button').removeClass('js_click_rock'); }, error: function(xhr, status, error) { alert.error("Error: " + status + " " + error); } });//jQuery.ajax({ }//function event_thumb_ajax(){ function event_thumb_post(){ jQuery(document).on('click' , '.js_thumb_button' , function (){ thumb_file = jQuery('.js_thumb_upload')[0].files.length; if(thumb_file){ thumb_file = jQuery('.js_thumb_upload')[0].files[0]; event_thumb_ajax(); }else{ alert('画像がアップされていません。'); jQuery('.js_thumb_button').removeClass('js_click_rock'); return false; } }); }//function event_thumb_post(){ let first_city; function city_event_list_up(city_list){ city_list = city_list.split(","); add_city_option = jQuery(''); add_city_option.appendTo('.js_search_city'); for(let i=0; i'+add_city_option+''); add_city_option.appendTo('.js_search_city'); } }//function city_list_up(){ function auto_city_event_ajax(){ jQuery.ajax({ type: 'POST', url: ajax_url, data: { 'action' : 'auto_city', 'nonce': '', input_prefecture: input_prefecture }, success: function( response ) { if(response.indexOf('no_city') != -1){ jQuery('.js_no_city_err').text('こちらの都道府県で現在イベントはありません。'); }else{ city_event_list_up(response); } }//success: function( response ) { });//jQuery.ajax({ }//function auto_city_ajax(){ //都道府県選択に連動して、市名のリストを取得 function auto_city_event(){ first_city = jQuery('.js_first_city_data').attr('data_first_city'); input_prefecture = jQuery('.js_search_prefecture').val(); if(input_prefecture){ auto_city_event_ajax(); }//if(input_prefecture){ jQuery('.js_search_prefecture').on('change',function(){ first_city = ''; input_prefecture = jQuery(this).val(); jQuery('.js_search_city').find('option').remove(); if(input_prefecture){ auto_city_event_ajax(); }//if(input_prefecture){ else{ jQuery('.js_search_city').find('option').remove(); } }); }//function auto_city_event(){ if(jQuery('main').hasClass('manage_event_main')){ event_select_color_change(); event_show_color_change(); event_input_change(); event_thumb_pop(); event_thumb_preview(); event_thumb_post(); // jQuery(document).on('click' , '.js_event_save_button' , function(){ // jQuery(this).parents('tr').find('.event_form').submit(); // }); auto_city_event(); } /* ----------------------------------------------------------------- レインボーファクトリー　メール履歴 ----------------------------------------------------------------- */ let js_mail_text_data; function js_mail_modal(){ jQuery(document).on('click' , '.js_mail_text_open' , function(){ js_mail_text_data = jQuery(this).siblings('.js_mail_text_data').html(); console.log(js_mail_text_data); jQuery('.js_mail_modal_text').html(js_mail_text_data); jQuery('.js_mail_modal').addClass('show'); }); jQuery(document).on('click' , '.js_mail_modal_close' , function(){ jQuery('.js_mail_modal').removeClass('show'); }); }//function js_mail_modal(){ if(jQuery('.js_mail_text_open').length){ js_mail_modal(); } /* ----------------------------------------------------------------- マイページのバナーアップ ----------------------------------------------------------------- */ jQuery(document).click(function(event) { if(!jQuery(event.target).closest('.banner_inner').length) { jQuery('.js_banner_popup').addClass('vanish'); } }); jQuery(document).on('click' , '.js_banner_popup_close' , function(){ jQuery('.js_banner_popup').addClass('vanish'); }); });//jQuery(function(){