我使用了http://jquery.malsup.com/cycle/的插件,我尝试使用新的插件(Cycle2)和旧插件。旧的是当前正在使用的那个,它适用于所有浏览器,除了IE11。它甚至适用于旧版IE,但不适用于最新版本。这变得非常令人沮丧。我已经研究了2天了,没有运气。任何帮助深表感谢。以下是它失败的代码:
if ($("#home").length >= 1) {
yepnope({
load: '/js/plugins/jquery.cycle.all.js',
complete: function() {
//intro animation
var baseT = 3500;
$("#intro img").fadeOut(baseT + 1000, function() {
$(this).attr("src", "/images/intro_cleaner.jpg").fadeIn(100);
});
$("#intro h1").animate({
left: '-1745px'
}, baseT, function() {
$(this).fadeOut(750);
$("#intro").fadeOut(baseT, function() {
$("#home .stories").show();
});
});
//featured stories
$("#home .stories").cycle({
fx: 'scrollHorz',
prev: '#prev',
next: '#next',
timeout: baseT + 7000,
before: function(curr, next, opts, fwd) {
$("#total-slides").text(opts.slideCount);
$("#slide-num").text($(next).index() + 1);
}
});
答案 0 :(得分:0)
经过研究和调试,我发现原因是yepnope没有加载运行方法循环所需的JS文件。为了解决这个问题,我刚发布了加载JS文件的脚本标签。这可能会减慢网站速度,但我需要快速修复,因为这是一个生产问题。我发现yepnope已被弃用,IE11中不支持其中的代码。通过http://yepnopejs.com/找到了这个 还有替代yepnope,如http://headjs.com/ 希望其他人觉得这很有用。