javascript - IE7 和 IE8 使用 ajax 执行函数时出错

Question

我正在加载一个执行 HTML5 视频播放器脚本的 ajax 页面。 Flash 回退的函数是 html5media(); :

//Load 1st Case Study
    $("#splash").live('click', function (e) {
        $(this).fadeOut('slow', function () {
            $('#case-studies').load('case-study-1.html', function() {
               html5media(); //initiate Flash fallback
            }).fadeIn();

        });
        e.preventDefault();
    });

此初始页面加载在 IE7 和 IE8 中运行良好。

问题是一旦加载此页面，就会有另外 4 个视频的链接，这些视频会使用 ajax 再次加载。我使用这个功能:

//Switcher
function csClients(url, client) {
    $("#case-studies").fadeOut('slow', function() {
        $('#case-studies').load(url, function () {
            html5media(); //initiate Flash fallback
        }).fadeIn();
    });
}

//Page Loader
$("#cs-client-list li.client1 a").live('click', function(e) {
    csClients('case-study-1.html', 'client1');
    e.preventDefault();
});

最初我使用return false;，但子页面Flash视频都无法在IE7中加载。当我切换到preventDefault时，视频在IE7中加载，但在IE8中仍然无法加载。

我在 IE7 和 IE8 中也遇到了一个奇怪的错误，没有任何有用的反馈:

页面错误:
未指定的错误。
/(第49行)
代码:0(字符 5)URI:
http://www.mysite.com

这是我的索引页中的第 49 行:

<section id="case-studies" class="main-section">

我有一种感觉，这与调用 html5media(); 有关。太多次了？不知所措……

Answer 1

使用浏览器的 domNode.innerHTML 实现传入 AJAX 内容似乎存在问题。有一个插件(innerShiv)据说可以解决这个问题。 (完全公开，我从未尝试过该插件。)

根据插件的主页，该问题已在 jQuery 1.7 中修复，因此您可以尝试更新 jQuery 引用。