выполнить inline js, загруженный через ajax

Question

привет и спасибо за остановку.

Я уже решил свою проблему, но сам по себе, поэтому просто хочу поделиться своим решением, и, возможно, у кого-то есть более элегантный способ его решения. возможно, это просто приятно.

поэтому я загружаю некоторые html через jquery.ajax(), а dataType - html. иногда видео помещается внутри, и самый элегантный способ для меня, чтобы встроить это, является jwplayers JS встраивать код, который выглядит следующим образом:

<script> 
    jwplayer("mediaplayer").setup({ 
     flashplayer: "/player.swf", 
     image: "/image.jpg", 
     autostart: true, 
     'controlbar': 'none', 
     file: "/video.m4v", 
     width: 752, 
     height: 416 
    }); 
</script> 

теперь, если я загружаю это, ничего не происходит, в JS просто не выполняется.

поэтому я закончил тем, что поставил js БЕЗ скриптовых тегов в div.

<div id="vc"> 
    jwplayer("mediaplayer").setup({ 
     ... 
    }); 
</div> 

, а затем в моей ajaxComplete() вызов я просто переместить вещи из DIV и поместите его между двумя тегами сценария.

if ($("#vc").text() !== "") { 
    var vjs = $("#vc").text(); 
    $("#vc").empty().html("<script>"+vjs+"</script>"); 
} 

Answer 1

Определим функцию:

<script type="text/javascript"> 
    var embedPlayer = function() { 
     jwplayer("mediaplayer").setup({ 
      flashplayer: "/player.swf", 
      image: "/image.jpg", 
      autostart: true, 
      'controlbar': 'none', 
      file: "/video.m4v", 
      width: 752, 
      height: 416 
     }); 
    }; 
    embedPlayer(); 
</script> 

, а затем в обратном вызове успеха вы могли бы назвать эту функцию:

$.ajax({ 
    url: '/foo', 
    success: function(result) { 
     $('#container').html(result); 
     embedPlayer(); 
    } 
}); 

Answer 2

хотя это не рекомендуется, пользователю Eval();

if ($("#vc").text() !== "") { 
    eval($("#vc").text()) 
}