Jquery plugins jQuery循环插件-错误_Jquery Plugins_Internet Explorer 7_Jquery Cycle

Jquery plugins jQuery循环插件-错误

jquery-plugins

Jquery plugins jQuery循环插件-错误,jquery-plugins,internet-explorer-7,jquery-cycle,Jquery Plugins,Internet Explorer 7,Jquery Cycle,这是我的第一个问题，所以我会尽可能地描述。。。我正在和Joomla一起使用。它在IE7中完全爆炸了。虽然它在Chrome中似乎工作得很好，但我在检查控制台时注意到以下错误 Uncaught TypeError: Cannot read property 'cycleW' of undefined 该幻灯片在Chrome17.0.963.56、Firefox9.0.1和Safari5.1.3中运行。我还没有在IE8+中测试过它，因为我没有一台windows计算机可以轻松访问。我在标题中使用外部j

这是我的第一个问题，所以我会尽可能地描述。。。我正在和Joomla一起使用。它在IE7中完全爆炸了。虽然它在Chrome中似乎工作得很好，但我在检查控制台时注意到以下错误

Uncaught TypeError: Cannot read property 'cycleW' of undefined

该幻灯片在Chrome17.0.963.56、Firefox9.0.1和Safari5.1.3中运行。我还没有在IE8+中测试过它，因为我没有一台windows计算机可以轻松访问。我在标题中使用外部js文件调用幻灯片，如下所示

<head>
        <script type="text/javascript" src="js/jquery.min.js" /></script>
        <script type="text/javascript" src="js/jquery.cycle.all.js"></script>
        <script type="text/javascript" src="js/init.js"></script>
</head>

下面是init.js：

$(document).ready(function() { 

    $('#slideshow').cycle({ 
        fx:        'fade', 
        speed:     '900', 
        timeout:   4000,
        pause:     1, 
        pager:     '#nav',
        slideExpr: 'div.slide',
        next:      '#forward', 
        prev:      '#backward',
    });

    $('#slideshow').hover(function() {
        $("#backward").fadeIn(400);
        $("#forward").fadeIn(400);
    },
        function() {
        $("#backward").fadeOut(300);
        $("#forward").fadeOut(300);
    });

    $('#imax').before('<ul id="nav_imax">').cycle({ 
        fx:        'scrollHorz', 
        speed:     '1000', 
        timeout:   5000,
        pause:     1, 
        pager:     '#nav_imax',
        slideExpr: 'div.slide',

        // callback fn that creates a thumbnail to use as pager anchor
        pagerAnchorBuilder: function(idx, slide) { 
            return '<li><a href="#"><img src="' + jQuery(slide).find('img').attr('src') + '" width="50" height="50" /></a></li>';
        },

    });

});

$（文档）.ready（函数（）{
$（'#幻灯片放映'）。循环（{
外汇：“淡出”，
速度：'900'，
超时：4000，
暂停：1，
寻呼机：“#导航”，
slideExpr:“div.slide”，
下一步：“#前进”，
上一页：“#向后”，
});
$（“#幻灯片放映”）。悬停（函数（）{
$（“#向后”）.fadeIn（400）；
美元（“#远期”）。法代因（400）；
},
函数（）{
美元（“#向后”）。淡出（300）；
美元（“#向前”）。淡出（300）；
});
$（'#imax'）。之前（''）。循环（{
fx:‘滚动人’，
速度：“1000”，
超时：5000，
暂停：1，
寻呼机：“#导航imax”，
slideExpr:“div.slide”，
//回调fn，创建用作寻呼机定位的缩略图
pagerAnchorBuilder:函数（idx，幻灯片）{
返回“”；
},
});
});

最后，这里是标记。“moduletable”和“custom”div由CMS生成。然而，我的slideExpr应该绕过这些，因为它应该以类“slide”的div为目标

我希望我涵盖了一切。如果有任何其他有用的信息，我可以提供，请让我知道。谢谢大家!

更新：我最初没有在另一个页面上包含我正在使用另一个ID为“imax”的幻灯片和其他参数的事实。因为这些不在同一页上，所以我没有包括在内。然而，当我注释掉$（'#imax'）函数时，错误在Chrome、FF等中消失了。但是，幻灯片在IE7中仍然不起作用

所以我认为这实际上是两个问题

这里有一个测试链接：

我发现了IE7的问题。最后一个参数选项不应有逗号（，）。我不知道为什么Chrome仍然给我这个错误，但至少幻灯片在每个浏览器中都独立运行

$(document).ready(function() { 

    $('#slideshow').cycle({ 
        fx:        'fade', 
        speed:     '900', 
        timeout:   4000,
        pause:     1, 
        pager:     '#nav',
        slideExpr: 'div.slide',
        next:      '#forward', 
        prev:      '#backward' // Comma has been removed
    });

    $('#slideshow').hover(function() {
        $("#backward").fadeIn(400);
        $("#forward").fadeIn(400);
    },
        function() {
        $("#backward").fadeOut(300);
        $("#forward").fadeOut(300);
    });

    $('#imax').before('<ul id="nav_imax">').cycle({ 
        fx:        'scrollHorz', 
        speed:     '1000', 
        timeout:   5000,
        pause:     1, 
        pager:     '#nav_imax',
        slideExpr: 'div.slide',

        // callback fn that creates a thumbnail to use as pager anchor
        pagerAnchorBuilder: function(idx, slide) { 
            return '<li><a href="#"><img src="' + jQuery(slide).find('img').attr('src') + '" width="50" height="50" /></a></li>';
        }  // Comma has been removed

    });

});

$（文档）.ready（函数（）{
$（'#幻灯片放映'）。循环（{
外汇：“淡出”，
速度：'900'，
超时：4000，
暂停：1，
寻呼机：“#导航”，
slideExpr:“div.slide”，
下一步：“#前进”，
prev:“#backward”//逗号已删除
});
$（“#幻灯片放映”）。悬停（函数（）{
$（“#向后”）.fadeIn（400）；
美元（“#远期”）。法代因（400）；
},
函数（）{
美元（“#向后”）。淡出（300）；
美元（“#向前”）。淡出（300）；
});
$（'#imax'）。之前（''）。循环（{
fx:‘滚动人’，
速度：“1000”，
超时：5000，
暂停：1，
寻呼机：“#导航imax”，
slideExpr:“div.slide”，
//回调fn，创建用作寻呼机定位的缩略图
pagerAnchorBuilder:函数（idx，幻灯片）{
返回“”；
}//逗号已被删除
});
});

这里是工作链接：

我发现了IE7的问题。最后一个参数选项不应有逗号（，）。我不知道为什么Chrome仍然给我这个错误，但至少幻灯片在每个浏览器中都独立运行

$(document).ready(function() { 

    $('#slideshow').cycle({ 
        fx:        'fade', 
        speed:     '900', 
        timeout:   4000,
        pause:     1, 
        pager:     '#nav',
        slideExpr: 'div.slide',
        next:      '#forward', 
        prev:      '#backward' // Comma has been removed
    });

    $('#slideshow').hover(function() {
        $("#backward").fadeIn(400);
        $("#forward").fadeIn(400);
    },
        function() {
        $("#backward").fadeOut(300);
        $("#forward").fadeOut(300);
    });

    $('#imax').before('<ul id="nav_imax">').cycle({ 
        fx:        'scrollHorz', 
        speed:     '1000', 
        timeout:   5000,
        pause:     1, 
        pager:     '#nav_imax',
        slideExpr: 'div.slide',

        // callback fn that creates a thumbnail to use as pager anchor
        pagerAnchorBuilder: function(idx, slide) { 
            return '<li><a href="#"><img src="' + jQuery(slide).find('img').attr('src') + '" width="50" height="50" /></a></li>';
        }  // Comma has been removed

    });

});

$（文档）.ready（函数（）{
$（'#幻灯片放映'）。循环（{
外汇：“淡出”，
速度：'900'，
超时：4000，
暂停：1，
寻呼机：“#导航”，
slideExpr:“div.slide”，
下一步：“#前进”，
prev:“#backward”//逗号已删除
});
$（“#幻灯片放映”）。悬停（函数（）{
$（“#向后”）.fadeIn（400）；
美元（“#远期”）。法代因（400）；
},
函数（）{
美元（“#向后”）。淡出（300）；
美元（“#向前”）。淡出（300）；
});
$（'#imax'）。之前（''）。循环（{
fx:‘滚动人’，
速度：“1000”，
超时：5000，
暂停：1，
寻呼机：“#导航imax”，
slideExpr:“div.slide”，
//回调fn，创建用作寻呼机定位的缩略图
pagerAnchorBuilder:函数（idx，幻灯片）{
返回“”；
}//逗号已被删除
});
});

下面是工作链接：

不要从其他服务器加载jquery。确保jquery首先通过下载/复制coad加载，并放入计算机上的一个文件中server@ggzone这不是问题所在。jQuery将首先被加载。但是，我已经调整了标记以调用本地托管的jQuery版本，并且仍然收到相同的错误。有什么想法吗？嗯，也许你使用了一些不兼容的版本，或者某个js文件不正确或丢失。因为这是一个非常常见的插件，所以我认为不会有任何错误。@ggzone我已经稍微更新了这个问题。Chrome中的错误是由于我的init.js文件上的第二个slideshow实例造成的（请参见上面的注释）。当我把它注释掉时，错误就消失了。我不知道如何制作幻灯片的两个实例（即使它们在不同的页面上）。然而，即使只有一个幻灯片实例（没有Chrome错误），IE7也不起作用。所有幻灯片一张一张地显示。添加了一个测试链接：不要从其他服务器加载jquery。确保jquery首先通过下载/复制coad加载，并放入计算机上的一个文件中server@ggzone这不是问题所在。jQuery将首先被加载。然而