Javascript 为什么ContentFlow在Firefox中失败了(当我尝试将它与jFlickrFeed结合时)?

Javascript 为什么ContentFlow在Firefox中失败了(当我尝试将它与jFlickrFeed结合时)?,javascript,jquery,internet-explorer,firefox,flickr,Javascript,Jquery,Internet Explorer,Firefox,Flickr,下面是ContentFlow的一个工作示例,使用三个HTML硬编码的静态图像: 它适用于FF、IE8、Safari和Chrome 我稍微调整了一下这个页面,让它使用jFlickrFeed拉入Flickr提要。它在webkit浏览器Safari、Chrome中运行良好,但在FF或IE中失败。具体错误见下文 这是我正在使用的document.ready处理程序: <script> jQuery(document).ready(function($) { $('.f

下面是ContentFlow的一个工作示例,使用三个HTML硬编码的静态图像:

它适用于FF、IE8、Safari和Chrome

我稍微调整了一下这个页面,让它使用jFlickrFeed拉入Flickr提要。它在webkit浏览器Safari、Chrome中运行良好,但在FF或IE中失败。具体错误见下文

这是我正在使用的document.ready处理程序:

<script>
    jQuery(document).ready(function($) {
        $('.flow').jflickrfeed({
            limit: 3,
            qstrings: {
                id: '60829137@N05'
            },
            itemTemplate: 
                '<img class="item" src="{{image_b}}" />' 
        }, function() {
            var wbFlow = new ContentFlow('wbContainer', { 
                circularFlow:   false,
                startItem:      0
            });
        });
    });
</script>
你知道为什么这样不行吗

更新:只是想添加一些信息,以防有人帮助我。Firefox和IE似乎都在contentflow_src.js的第1652行出现阻塞。当我尝试移动滑块时,Firefox抛出以下错误:this.items[index]未定义

IE在谈到第1652行时说:“this.items[…]label”为null或不是对象

此外,IE抱怨第1119行:“this.\u activeItem.index”为null或不是对象


但是,同样,Chrome和Safari不会抛出任何错误,而且脚本在这两种浏览器中都能完美地工作。

我已经为此工作了一段时间,我找到了一个解决方案

如上所示,我在jFlickrFeed回调中创建了一个新的CF对象,但这不起作用

相反,我从文档的头部删除了CF标记。我没有在回调中创建新的CF对象,而是动态加载整个ContentFlow脚本:

function() {
    var script = document.createElement('script');
    script.setAttribute('src', 'contentflow.js');
    script.setAttribute('type', 'text/javascript');
    document.getElementsByTagName('head')[0].appendChild(script);
});
看看它是如何工作的:

不过,这种方法存在一些问题。一方面,ContentFlow自己做了很多动态加载插件、样式表等的工作。使用我上面的方法,这些功能中的一些功能会中断,特别是在Internet Explorer中,需要修改ContentFlow.js脚本


如果您对我如何修改脚本感兴趣,请查看此处:

好的,发现了一个问题:我在itemTemplate的标记中放置了href而不是src。修复后,脚本仍然无法工作。它创建了滑块,但图像永远不可见。试图操纵滑块会产生大量的错误。控制台中的项[O]是未定义的错误。