Flexslider自定义导航

Question

我正在尝试创建一个自定义导航栏，使用

链接到Flexslider中的特定幻灯片

$('.flexslider').flexslider(0); });

功能但无济于事。我有4个与个人ID相关的链接，

<a class="homelink 1" id="#slide1" href="#"></a>
<a class="headerlink 2" id="#slide2" href="#">About Us</a>
<a class="headerlink 3" id="#slide3" href="#">Gallery</a>
<a class="headerlink 4" id="#slide4" href="#">Contact</a>

使用这段脚本

$("#slide1").click(function() { $('.flexslider').flexslider(0); });
$("#slide2").click(function() { $('.flexslider').flexslider(1); });
$("#slide3").click(function() { $('.flexslider').flexslider(2); });
$("#slide4").click(function() { $('.flexslider').flexslider(3); });

手指滑动和键盘导航工作正常。任何帮助将不胜感激!!