0

我需要创建一个页面，上面有“n”个滑块。

它涉及从数据库中检索的足球运动员资料。我正在使用“carouFredSel”来制作滑块，但我无法让它与未定义数量的滑块一起工作（我希望我足够清楚）。

这是一个例子......

foreach($sports as $sport):
  <div class='sportContainer'>
  foreach($players as $player):
   <div class='playerInfo'>
   </div>
  endforeach
  </div>
endforeach

这是我用于显示其他类型播放器的脚本（每页只有一个滑块）：

$(document).ready(function() {
        /* PLAYER SCROLL */
        $('.sport-carousel').carouFredSel({
            items: 4,
            prev: '.title-prev#playersNav',
            next: '.title-next#playersNav',
            auto: false,
            scroll: 1,
            swipe: {
                ontouch : true,
                onMouse: true
            }
        })
    });

我需要每个 $sport 都有自己的滑块，带有自己的控件和列表按钮。换句话说，我需要动态获取标识符。

这是carouFredSel页面了解更多信息。

我在项目中使用 Symfony 1.4，如果这在某种程度上有帮助的话。

4

2 回答 2

1

只需使用一些 jQuery 来计算项目数。

$(document).ready(function() {
        /* PLAYER SCROLL */
        $('.sport-carousel').carouFredSel({
            items: $('.playerInfo').length,
            prev: '.title-prev#playersNav',
            next: '.title-next#playersNav',
            auto: false,
            scroll: 1,
            swipe: {
                ontouch : true,
                onMouse: true
            }
        })
    });
于 2013-04-25T00:24:50.143 回答
0

好的，我已经完成了，为每项运动创建一个脚本就可以了。

foreach($sports as $sport):
  <div class='sport-carousel_$sport->getId()'>
  foreach($players as $player):
   <div class='playerInfo'>
   </div>
  endforeach
  </div>
$(document).ready(function() {
        /* PLAYER SCROLL */
        $('.sport-carousel_$sport->getId()').carouFredSel({
            items: 4,
            prev: '.title-prev#playersNav_$sport->getId()',
            next: '.title-next#playersNav_$sport->getId()',
            auto: false,
            scroll: 1,
            swipe: {
                ontouch : true,
                onMouse: true
            }
        })
    });
endforeach

感谢您的帮助，希望它适用于动态创建滑块

于 2013-04-25T17:43:58.433 回答