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; 但在IE7中没有任何子页面Flash视频加载。 当我切换到preventDefault时，视频在IE7中加载但仍然不在IE8中。

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

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

这是我的索引页面中的第49行：

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

我觉得它与调用html5media（）有关; 太多次了？ 不知所措...

Answer 1

是html5media插件的问题。

Answer 2

对于传入的AJAX内容使用浏览器的domNode.innerHTML似乎是一个问题。 有一个插件（ innerShiv ）可以解决这个问题。 （完全披露，我从未尝试过这个插件。）

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