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 回答