0

我有一个历史 API 脚本，它将 URL 中的内容加载到页面主 div 中，然后相应地更改 URL。然而，出于简洁起见我不会解释的原因，我不得不在页面中使用内联脚本来加载音频播放器。当带有播放器的页面使用历史 API 进行 AJAX 处理时，将删除内联脚本。

我之前在使用 jQuery 的 AJAX 函数过滤内联脚本时遇到了问题，但在历史 API 脚本中解决了这个问题：

var dom = $(responseData);
dom.filter('script').each(function(){//function to allow inline javascript
    $.globalEval(this.text || this.textContent || this.innerHTML || '');
});

这在这个内联脚本的情况下不起作用：

//append player with js so doesn't show when js disabled
$('#profile_content').append('<div class="artistFeedItem" data-type="track" data-id ="<?php echo $E_ID; ?>" data-ts ="<?php echo $ts; ?>"><img src="../files/images/bigLoader.gif" style="display:block;margin-left:auto;margin-right:auto;"></div>'); //loading

$('*[data-type="track"].artistFeedItem').each(function () {
    //Get player for track and send off variables
    var E_ID = "<?php echo $E_ID; ?>";
    var T_ID = "<?php echo $T_ID; ?>";
    var T_url = "<?php echo $T_url; ?>";
    var T_name = "<?php echo $T_name; ?>";
    var T_timestamp = "<?php echo $T_timestamp; ?>";
    var T_pic = "<?php echo $T_pic; ?>";
    var A_name = "<?php echo $name; ?>";
    $.ajax({
        url: 'player/body_player_template',
        type: 'GET',
        data: {
            T_url: T_url,
            T_name: T_name
        },
        success: function (responseData) {
            $('*[data-type="track"]*[data-id="' + E_ID + '"].artistFeedItem').html(responseData);
        },
        error: function (xhr, textStatus, errorThrown) {
            $('*[data-type="track"]*[data-id="' + E_ID + '"].artistFeedItem').html("Sorry, this track couldn't be loaded. Try refreshing the page.");
        }
    });
});

那是 AJAX 进入时被过滤掉的内联脚本。

我希望你明白我在问什么，我希望有办法防止这种情况发生。

4

1 回答 1

0

不知道为什么我这么久都没有发现这一点，但是在加载 DOM 之前脚本正在执行。我已经改变了周围的功能，以便在加载新的 DOM 后执行脚本。

于 2013-05-10T16:56:42.910 回答