применить атрибут jquery к другому div - PullRequest
Новая
       33

применить атрибут jquery к другому div

0 голосов
/ 28 августа 2011

Я использую ползунок 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>

Слайдер - это фактически 3 ползунка в элементе div, который меняет свое положение в зависимости от того, какой щелчок привязан (код выше). В общем, когда вы нажимаете на любую из ссылок, которые переключают слайдер проекта, я хочу вернуться к первому изображению слайдера.

Я попробовал это без удачи, есть идеи, как это сделать?

Я начну 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 ();

1 Ответ

0 голосов
/ 28 августа 2011

Ваше решение будет работать, но вы можете просто использовать селектор first вместо использования nth-child и передачи 1. li:first выберет первый элемент в элементе .pagination. 

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