2

在我最近工作的几个网站上,这个问题一直让我感到困惑,我最终不得不采用另一种解决方案,但这次我决心深入了解它。

这是演示页面中的示例代码:http: //jquery.malsup.com/cycle/int2.html

$('#s4') 
.before('<div id="nav">') 
.cycle({ 
    fx:     'turnDown', 
    speed:  'fast', 
    timeout: 0, 
    pager:  '#nav' 
});

这是我相当相似的片段:

$(document).ready(function() {
    $("#banners").before('<div id="banner-nav" class="nav"/>').cycle({
        fx: 'fade',
        speed: 1000,
        pager: '.nav'
    });
});

nav div 作为普通的 jQuery 调用正确生成,但其中没有任何内容,是空的。这不是 CSS 问题,因为根本没有生成标记,我已更改为 jQuery 1.3.x - 1.4.x 的不同版本,我已将容器元素更改为除 div、ul 等之外的其他内容,并且我已将它从 document.ready 调用中删除,但仍然没有运气。

4

2 回答 2

7

问题解决了,太愚蠢了,请确保您使用的是 jquery.cycle.ALL 而不是任何其他较轻的版本,因为它们不支持分页功能。我的阅读理解失败了。

于 2010-10-03T20:58:23.627 回答
1

即使示例如此说明,他们在 Web 中使用的代码也是:

$('#s4').before('<div id="nav" class="nav">').cycle({
    fx:     'turnDown',
    speed:  'fast',
    timeout: 0,
    pager:  '#nav'
});

而且我认为问题可能是在寻呼机参数中使用类而不是 id,#banner-nav在您的代码中尝试使用,看看是否有效。

于 2010-10-03T11:05:11.933 回答