Question

我已经进行了数周的研究和测试，但我无法使用此代码。我正在使用flexslider（1.8），这是我正在定制的主题。我想有两个方向导航，我理解的是手动控制。我首先使用跨度构建自定义控制器，然后使用UL＆gt;李结构。方向导航箭头在滑块内工作得很好，但我无法在自定义控制器中获得复制功能。我得到了昨天工作的功能，但它只是将directionNav箭头移动到控制器所在的位置......如果可能的话，我想同时使用两者。我尝试更新到当前的flexslider.js，但这会破坏主题中使用的其他flexsliders。

我在custom.js文件中有这个：

$slider.flexslider( { 
slideshow: false, 
controlNav: false, 
directionNav: true, 
manualControls: '.custom-controls li a',
controlsContainer: '.flex-container'
} );

我在创建flexslider的functions.php文件中有这个：

echo '<div class="et_media flex-container">';
if ( $media ){
echo '<div class="flexslider"><ul class="slides">';
foreach( (array) $media as $et_media ){
echo '<li class="slide">';

// if else to get the slides

echo '</li>';
}
echo '</ul></div>';

/***
 * ul flexslider controller
 */           

echo '<div class="slider_controller">'; // use flexslider custom-controls in ul 
echo '<ul class="custom-controls">';
echo '<li class="photo-title">' . get_the_title() . '</li>'; 
echo '<li class="right">' . '<a href="#" class="next next-nav">' . "next" . '</a>' .  '</li>';
echo '<li class="right">' . '<a href="#" class="next viewnext">' . "view next" . '</a>' . '</li>';
echo '<li class="right">' . '<a href="#" class="prev prev-nav">' . "previous" . '</a>' . '</li>';
echo '</ul>';
echo '</div> <!-- end .slider_controller -->';

这是URL（dev url）：

http://174.132.168.130/~samlewis/?page_id=400#

建议非常感谢！

flexslider方向导航在控制器和滑块不工作

0 个答案: