0

我正在使用 bjqs 滑块插件来滑动一些内容,目前除了下一个和上一个按钮之外,还有一个导航可以帮助用户选择所需的幻灯片,我想要做的是显示幻灯片的标题而不是数字。这个插件使用<ul>并且每个列表项都将是一张幻灯片,所以,我想知道我是否可以从<li>元素中获取价值并将其而不是数字。

这是生成数字的代码:

 var conf_markers = function() {
    // create a wrapper for our markers
    $m_wrapper = $('<ol class="bjqs-markers"></ol>');

    // for every slide, create a marker
    $.each($slides, function(key, slide){

        var slidenum    = key + 1,
            gotoslide   = key + 1;

        if(settings.animtype === 'slide'){
            // + 2 to account for clones
            gotoslide = key + 2;
        }

        var marker = $('<li><a href="#">'+ slidenum +'</a></li>');
4

1 回答 1

1

尝试用这个替换上面的代码,看看它是否有效。我只是看了一眼 github 上的滑块代码,理论上这应该可以工作。$slides应该指的<li>是包含带有标题的图像。

编辑

$.each($slides, function(key, slide){
    var slidenum    = key + 1,
        slidename   = $(slide).find('img').attr('title'),
        gotoslide   = key + 1;

    if(settings.animtype === 'slide'){
        // + 2 to account for clones
        gotoslide = key + 2;
    }

    var marker = $('<li><a href="#">'+ slidename +'</a></li>');

据我所知,基本的html应该是这样的:

<li class="bjqs-slide">
    <img src="img/banner01.jpg" title="Automatically generated caption">
    <p class="bjqs-caption">Automatically generated caption</p>
</li>

这是一个jsFiddle 示例

于 2013-01-11T19:36:30.430 回答