Flexslider导航位置

Question

有没有什么方法可以让flexslider导航(它是directionNav: true)到特定的<div>？现在，没有如何控制导航显示位置的选项。它总是出现在里面

<div class="flexslider">

我想让它走出

<div class="flexslider">

Answer 1

插件中没有这样的选项。但你想要实现的目标还是有办法实现的。使用css/javascript设置.flex-prev和.flex-next的display:none。现在，在您想要的任何位置添加您的自定义导航处理程序。假设您有.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;
});