제이쿼리나 스크립트에서 특수기호처리방법

[helloMihyun]

string.replace(/\/,''); 특수문자는 백슬래쉬로 탈출해야하기때문에 백슬래쉬 두개를 붙여야 합니다.

// $dataVod 변수를 만들어서 하단에 if문에 입력했더니 유튜브 주소중에 Jd--cGcotOQ 이런 주소가 있었는데 --가 sql에서 주석으로 인식하게되어 레이어팝업으로 띄웠을때 Jd--cGcotOQ 이렇게 유튭주소가 생성됬음 그래서 var replaceVod = $dataVod.replace(/\/,''); .replace( 특수기호나 찾고싶은 문자를 입력 , 바꾸려하는 문자가 기호를 입력 ) 를 사용해서 주소 앞에 백슬래쉬가 생기는 현상을 잡음.

`$('.js_layer').click(function(){ var $dataTarget = $(this).attr('data-target'), $dataVod = $(this).attr('data-vod');
var replaceVod = $dataVod.replace(/\/,''); if($dataTarget){ if(replaceVod){ $('#'+$dataTarget).find('.frame_vod').append(''); }

        $('body').addClass('layer__active');
         $('#'+$dataTarget).addClass('is__active');

        setTimeout(function(){
            $('#'+$dataTarget).find('.dimmed__layer').fadeIn('fast');    
        }, 300);
    }

    return false;
});`

[helloMihyun]

` function uiLayer(){ $('.js_layer').click(function(){ var $dataTarget = $(this).attr('data-target'), $dataVod = $(this).attr('data-vod');
var replaceVod = $dataVod.replace(/\/,'');

    if($dataTarget){
        if(replaceVod){
             $('#'+$dataTarget).find('.frame_vod').append('<iframe width="1000" height="563" src="'+ replaceVod +'" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>');
        }

        $('body').addClass('layer__active');
         $('#'+$dataTarget).addClass('is__active');

        setTimeout(function(){
            $('#'+$dataTarget).find('.dimmed__layer').fadeIn('fast');    
        }, 300);
    }

    return false;
});

if($('.layer__wrapper').hasClass('layer_open')){
    $('body').addClass('layer__active');
    $('.layer_open').addClass('is__active');    
    setTimeout(function(){
        $('.layer__wrapper.layer_open').find('.dimmed__layer').fadeIn('fast');    
    }, 300);
}

$('.js_ly_close').click(function(){
    var $ele = $(this).parents('.layer__wrapper');

    $ele.addClass('is__delay');
    $ele.find('.dimmed__layer').fadeOut('fast');
    setTimeout(function(){
        $ele.removeClass('is__delay');
        $('body').removeClass('layer__active');
        $ele.removeClass('is__active');
        $ele.find('.frame_vod').empty();
    }, 300);
    return false;
});

} `