jquery動態獲取和設置滑動元素文本

我有一個列表項的ul列表。現在，第一個列表項滑過jQuery滑動圖像函數定義的其他列表項。見我的標記jquery動態獲取和設置滑動元素文本

HTML：

<ul class="ei-slider-thumbs"> 
    <li class="ei-slider-element"></li> 
    <li><a href="#">Vertical Sunbed</a><img src="images/thumbs/sunbedSmall.jpg" alt="Vertical Sunbed Tan Can" /></li> 
    <li><a href="#">Koebana Spray Tan</a><img src="images/thumbs/koebanaSmall.jpg" alt="Koebana Spray Tan" /></li> 
    <li><a href="#">Ozone Sauna</a><img src="images/thumbs/ozoneSmall.jpg" alt="Ozone Sauna" /></li> 
    <li><a href="#">Glycopeels</a><img src="images/thumbs/3.jpg" alt="thumb03" /></li> 
    <li><a href="#">Specialized Facials</a><img src="images/thumbs/4.jpg" alt="thumb04" /></li> 
    <li><a href="#">Make Up</a><img src="images/thumbs/5.jpg" alt="thumb05" /></li> 
    <li><a href="#">Slide 7</a><img src="images/thumbs/7.jpg" alt="thumb07" /></li> 
</ul>

現在帶class = 「EI-滑蓋元素」，在其他列表元素的幻燈片列表項。我基本上想要將移動元素中的文本設置爲移動元素所在的靜態列表項中的文本...我該怎麼做？該EXAMPLE 這裏是管理移動動畫部分：

JS：

// thumbs wrapper 
this.$sliderthumbs = this.$el.find('ul.ei-slider-thumbs').hide(); 
// slider elements 
this.$sliderElems = this.$sliderthumbs.children('li'); 
// sliding div 
this.$sliderElem = this.$sliderthumbs.children('li.ei-slider-element'); 
// thumbs 
this.$thumbs = this.$sliderElems.not('.ei-slider-element'); 
// initialize slideshow 
this._init(options);

謝謝！

來源

2012-07-26 Dexter Schneider

非常感謝您的努力，但不確定您是否理解我的問題。滑塊功能運行良好，但我需要的是將活動滑塊的文本更改爲它滑過的元素內的文本（所以Slider TExt首先是'Vertical Sunbed'，然後是'Koebana Spray Tan'等等......看起來好像就像你知道Jquery很好，不認爲你會遇到這樣的問題嗎？ – 2012-07-26 17:29:30

不認爲你需要成爲一個專業人士，只是認爲如果你可以自己構建所有的代碼（在小提琴中）實際上我解釋過的問題對你來說並不難... – 2012-07-26 17:55:58

嘗試是這樣的：上線http://lamininbeauty.co.za/js/jquery.eislideshow.js 326我想你應該添加[完成]處理程序，它看起來像這樣

// "sliding div" moves to new position 
this.$sliderElem.stop().animate({ 
    left : this.$thumbs.eq(pos).position().left 
}, this.options.speed, this.$sliderElem.html($currentSlide.text()))

然後，一旦你滑的事情已經完成其動畫抓住currentSlide文字和將其設置爲innerHTML sliderElem。我無法測試它，但是你是否明白我的意圖？

來源

2012-09-28 21:54:07 davehale23

jquery動態獲取和設置滑動元素文本

回答

相關問題