Javascript 为什么ContentFlow在Firefox中失败了(当我尝试将它与jFlickrFeed结合时)?
下面是ContentFlow的一个工作示例,使用三个HTML硬编码的静态图像: 它适用于FF、IE8、Safari和Chrome 我稍微调整了一下这个页面,让它使用jFlickrFeed拉入Flickr提要。它在webkit浏览器Safari、Chrome中运行良好,但在FF或IE中失败。具体错误见下文 这是我正在使用的document.ready处理程序: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
<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]是未定义的错误。