동적으로 추가 된 스크립트로 인해 문제가 발생합니다.

Question

jQuery를 사용하여 div에 추가 할 ajax를 통해 html 스 니펫을로드하고 있습니다. 아약스와 함께로드 된 HTML의 일부는 다음과 같습니다

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
var options = { 
    mapTypeId : google.maps.MapTypeId.TERRAIN 
} 
alert('test'); 
var map = new google.maps.Map(document.getElementById('map-canvas'), options); 
</script> 

그런 다음이

contentBox.append(data); 

문제가 추가되어이로드를 유지 파이어 폭스에 검은 페이지가 발생한다는 것입니다. 다른 브라우저에서는 코드가 전혀 실행되지 않는 것 같습니다.

해결 방법은 있습니까?

Answer 1

아마도 가장 좋은 해결책은 아니지만 작동하는 것 같습니다. 서버 응답은 이제

$response = array( 'script' => $script, 'html' => $html); 

으로 형식이 지정됩니다. 그리고 클라이언트는 수신 된 javascript를 eval과 함께 실행합니다.