HTML에서 jQuery 코드를 추출하여 실행하는 방법은 무엇입니까?

Question

페이지 사이를 전환하는 동안 AJAX를 많이 사용하는 사이트에서 작업하고 있습니다. RoyalSlider 이미지 슬라이드 쇼 플러그인을 사용하는 WordPress 사이트입니다. 플러그인을 통해 슬라이드 쇼를 만든 다음 관련 단축 코드를 게시물에 추가합니다. 단축 코드는 슬라이더를 초기화하는 jQuery를 자동으로 생성하지만 문서 준비 이벤트에 바인딩합니다.이 이벤트는 새 페이지가 ajax를 통해로드 될 때 실행되지 않습니다. 플러그인에서 정의 된 슬라이더 옵션을로드 할 수 없다는 것을 제외하면 내 AJAX 호출 내에서 슬라이더를 어디에서 초기화해야하는지 알 수 있습니다.

올바른 jQuery 코드 (옵션 포함)가 HTML에서 작성됩니다.

<script id="new-royalslider-init-code" type="text/javascript"> 
... 
</script> 

어떻게이 jQuery 코드를 추출하고이 스크립트 태그의 코드를 사용하여 수동으로 슬라이더를 초기화 할 수 있습니까?

$('#new-royalslider-init-code').html() 

하지만 내가 그것을 실행할 수있는 방법을 모른다 :

는 내가 코드를 다음과 같이 잡을 수 있다는 것을 알고. 다음은 스크립트 태그의 샘플입니다.

<script id="new-royalslider-init-code" type="text/javascript"> 
    jQuery(document).ready(function($) { 
     $('.new-royalslider-2').royalSlider({...OPTIONS...}); 
    }); 
</script> 

도움을 받으실 수 있습니다. 감사!

Answer 1

이 시도 :

var a = 'alert(1)'; 
eval(a); 

Answer 2

이 방법을 수행합니다 -

$(window).load(function() { 
    alert($("#new-royalslider-init-code").html()); 
}); 

는 참조 LIVE DEMO