Flexslider - jquery对象

Question

最近我想做一个flexslider，把控件放在另一个div中。这可以通过flexslider的controlsContainer内置选项来完成。

基本上，它只是一个左侧的列，其中包含滑块代码‘(’.flexlider-small‘)，右侧的列中包含文本和底部的控件(controls box =’.flexlider- controls box‘)

正常设置: controlsContainer：“.flexlider-controls-box”会为您完成此操作。然而，当有多个这样的滑块时，它会不断地在同一个flexslider controls -box中添加更多的控件，这会使它出错，并且控件不再工作。

然后，我尝试将wordpress the_id整合到代码中，这样它就可以针对独特的控制框，但它似乎不起作用？

<div class="flexslider-small" id="<?php the_id(); ?>">

<div class="flexslider-controls-box-<?php the_id(); ?>"></div>

前面两个div得到了相同的id :)，然后我尝试将id链接到can容器，如下所示。

有谁能给我指个方向吗？代码本身不会抛出任何错误，只是不能工作？

Flexslider初始化代码

$('.flexslider-small').flexslider({
    animation: 'fade',
    touch: true,
    slideshow: true,
    controlNav: true,
    directionNav: false,
    smoothHeight: true,
    controlsContainer: $('.flexslider-controls-box-' + id_link )
});

var id_link = $(".flexslider-small").attr('id');

Answer 1

在初始化.flexslider-small的时候，jQuery还没有运行这个变量，所以它可能不会运行。

controlsContainer: '.flexslider-controls-box-' + id_link;