Question

在我最近的几个网站上，这个一直困扰着我，我不得不最终选择其他解决方案，但这次我决定深入了解它。

以下是演示页面中的示例代码：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电话中删除了它，但仍然没有运气。

Answer 1

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

Answer 2

即使示例说明他们在网络中使用的代码是：

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

我认为问题可能是在pager参数中使用了一个类而不是一个id，请在代码中使用#banner-nav并查看是否有效。

jQuery Cycle插件不生成寻呼机链接

2 个答案: