Flexslider 导航位置

Question

是否有任何选项如何让 flexslider 导航（它是 directionNav: true）到特定的 <div> ？现在，没有选项如何控制导航出现的位置。它总是出现在里面

<div class="flexslider">

我想在外面做

<div class="flexslider">

Answer 1

插件中没有这样的选项。 但是你想要达到的目标是有办法的。 使用 css/javascript 设置 display:none 的 .flex-prev 和 .flex-next 。现在在任何你想要的地方添加你的自定义导航处理程序。 假设您有 .next 和 .prev 作为您的自定义处理程序。 现在使用 jquery/javascript，您可以将点击事件绑定到它们，这反过来将触发点击事件到实际的 .flex-prev 和 .flex-next 以完成您想做的事情。你的 jsfiddle 不工作，如果你身边有一个工作的 jsfiddle 会更好。

演示：http://jsfiddle.net/lotusgodkk/GCu2D/85/

Javascript：

$('.flexslider').flexslider({
    animation: "slide"
});
$(document).on('click','.next',function(){
    $('.flex-direction-nav .flex-next:first').trigger('click');
    return false;
});
$(document).on('click','.prev',function(){
    $('.flex-direction-nav .flex-prev:first').trigger('click');
    return false;
});