Javascript 在 ajax 帖子上不起作用

Question

我使用Youtube Iframe API，使用他们的脚本，播放器加载良好。但是，当我对包含javascript代码的php文件进行ajax调用以运行播放器时，它不会执行。

function get_content(song_id,url,song_title) {
if (song_id == null)
    return;
    document.title = song_title + browser_title_suffix;
    $.get('/ajax/player.php',{song_id:song_id}, function(data) {
        $('#main_content').html(data).css({'opacity':0}).animate({'opacity':1});
        });
        }

/ajax/player.php包含以下代码-https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player

然而，玩家不会再这样做了。我甚至试过player.remove（），但也没用。

更新1:我的PHP文件：

var tag = document.createElement('script');
tag.src = "//www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
$(document).ready(function(){
get_content('.$row[song_id].',null,"'.$row[title].'");
});
</script>

我的javascript文件：

function get_content(song_id,url,song_title) {
if (song_id != null) {
    $.get('/ajax/player.php',{song_id:song_id}, function(data) {
        video_id = data;
        player = new YT.Player('player', {
            height: '390',
            width: '640',
            videoId: video_id,
            events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange
            }
        });
    });
}
}

但是，视频播放器不会加载

Answer 1

您不能通过ajax获取javascript，然后运行刚刚收到的javascript。你想做的只是通过ajax发送youtube视频id，然后使用这样的函数来放置播放器：

function get_content(song_id,url,song_title) {
    if (song_id != null) {
        $.get('/ajax/player.php',{song_id:song_id}, function(data) {
            video_id = data;
            player = new YT.Player('player', {
                height: '390',
                width: '640',
                videoId: video_id,
                events: {
                    'onReady': onPlayerReady,
                    'onStateChange': onPlayerStateChange
                }
            });
        });
    }
}

更好的做法是，尝试JSON通过Jquery发送和接收数据。