Question

我有一个包含列表项的ul列表。现在，第一个列表项将滑动到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-slider-element”的列表项将滑过其他列表元素。我基本上想要将移动元素中的文本设置为静态列表项中移动元素所在的文本...我该怎么做？ EXAMPLE {{3}} 这是控制移动动画的部分：

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);

谢谢！

Answer 1

尝试这样的事情：在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文本并将其设置为sliderElem innerHTML。我无法测试它，但你有没有意图？

Jquery动态获取并设置滑动元素文本

1 个答案: