Question

我正在使用一个jquery滑块，它会自动生成带有以下html输出的分页项目符号：

<ul class="pagination">
    <li class="current"><a href="#0">1</a></li>
    <li><a href="#1">2</a></li>
    <li><a href="#2">3</a></li>
    <li><a href="#3">4</a></li>
</ul>

您可以在http://pixelcakecreative.com/

查看此示例

我希望能够在您点击以下某个锚链接时重置幻灯片位置（将其设置回第一张幻灯片）：

<li><a href="#" rel="#panel-1" class="activeSlide pita">Trendz<div class="buttonFade"></div></a></li>
<li><a href="#" class="pita" rel="#panel-2">Decibel<div class="buttonFade"></div></a></li>
<li><a href="#" class="pita" rel="#panel-3">UCC<div class="buttonFade"></div></a></li>

滑块实际上是div中的3个滑块，可以根据点击的任何锚点（上面的代码）切换它的位置。所以基本上，当你点击任何切换项目滑块的链接时，我想回到滑块的第一个图像。

我试着没有运气，对如何做到这一点有任何想法？

我用现有代码点击其中一个触发链接开始jquery：

$('#pixel-slider ul a.pita').click(function () {

     $('#pixel-slider ul a').removeClass('activeSlide');
     $(this).addClass('activeSlide');   
     $('.maskss').scrollTo($(this).attr('rel'), 500);

//solution below

$（'。pagination li：nth-child（1）a'）。click（）;

return false;       
});

更新：我找到解决方案：$（'。pagination li：nth-child（1）a'）。click（）;

Answer 1

您的解决方案可行，但您只需使用first选择器而不是nth-child并传递1. li:first将选择.pagination元素下的第一个元素。< / p>

 $('.pagination li:first a').click();

将jquery属性应用于另一个div

1 个答案: