將滑塊連接到菜單

我有一個flexslider，我試圖連接到我的網站。在網站中我有幾個元素的菜單。我想將滑塊連接到菜單的第一個元素。有淡入/淡出功能，一旦第一個元素被點擊，將允許滑塊淡入。現在我嘗試了幾次來連接它，但是一旦我點擊菜單的第一個元素（aaaaaaa），我什麼也沒有。請幫忙嗎？將滑塊連接到菜單

的jsfiddle的網站：https://jsfiddle.net/vL7ojznz/ 的jsfiddle滑塊：http://jsfiddle.net/t3sgbq5w/

我在我的網站3個分頻器（第11項，item22和item33）： HTML：

 <div id="menu" class="menu"> 
     <ul class="headlines"> 
      <li id="item1"><button>aaaaaaaa</button></li> 
      <li id="item2"><button>bbbbbbb</button></li> 
      <li id="item3"><button>ccccccc  </button></li> 
      <li id="item4"><button>dddddddd   </button></li> 
      <li id="item5"><button>eeeeeee eee. </button></li> 
      <li id="item6"><button>ffffff  </button></li> 
      <li id="item7"><button>ggggggg  </button></li> 

     </ul> 
     </div> 


    <div id="container"> 
<div id="first" class="inner-container"> 
    <div id="item11" class="item"> <a name="item11"></a> 

       <img id="image1" src="http://placehold.it/350x150" /> 
       <img id="image2" src="http://placehold.it/350x150" /> 
       <img id="image3" src="http://placehold.it/350x150" /> 
       <img id="image4" src="http://placehold.it/350x150" /> 
       <img id="image5" src="http://placehold.it/350x150" /> 
       <img id="image6" src="http://placehold.it/350x150" /> 
       <img id="image7" src="http://placehold.it/350x150" /> 
       <img id="image8" src="http://placehold.it/350x150" /> 
       <img id="image9" src="http://placehold.it/350x150" /> 
       <img id="image10" src="http://placehold.it/350x150" /> 
      </div> 
     </div> 
    <div id="second" class="inner-container"> 
     <div id="item22" class="item"> <a name="item11"></a> 

       <img id="image1" src="http://placehold.it/350x150" /> 
       <img id="image2" src="http://placehold.it/350x150" /> 
       <img id="image3" src="http://placehold.it/350x150" /> 
       <img id="image4" src="http://placehold.it/350x150" /> 
       <img id="image5" src="http://placehold.it/350x150" /> 
       <img id="image6" src="http://placehold.it/350x150" /> 
       <img id="image7" src="http://placehold.it/350x150" /> 
       <img id="image8" src="http://placehold.it/350x150" /> 
       <img id="image9" src="http://placehold.it/350x150" /> 
       <img id="image10" src="http://placehold.it/350x150" /> 
      </div> 
     </div> 
    <div id="third" class="inner-container"> 
    <div id="item33" class="item"> <a name="item11"></a> 

       <img id="image1" src="http://placehold.it/350x150" /> 
       <img id="image2" src="http://placehold.it/350x150" /> 
       <img id="image3" src="http://placehold.it/350x150" /> 
       <img id="image4" src="http://placehold.it/350x150" /> 
       <img id="image5" src="http://placehold.it/350x150" /> 
       <img id="image6" src="http://placehold.it/350x150" /> 
       <img id="image7" src="http://placehold.it/350x150" /> 
       <img id="image8" src="http://placehold.it/350x150" /> 
       <img id="image9" src="http://placehold.it/350x150" /> 
       <img id="image10" src="http://placehold.it/350x150" /> 
      </div> 
     </div> 
     </div>

我想只能用整個滑塊替換item11。請幫幫忙，謝謝你..

來源

2015-07-03 mikeb

我認爲你的主要問題是，你必須初始化#container淡出後.flexslider英寸

看這個Fiddle。

來源

2015-07-03 07:02:34 zgood

將滑塊連接到菜單

回答

相關問題