Как я могу использовать CSS-классы как элементы селектора с вложенными HTML-элементами в serialScroll? - PullRequest
Новая
       33

Как я могу использовать CSS-классы как элементы селектора с вложенными HTML-элементами в serialScroll?

1 голос
/ 23 ноября 2010

Попытка создать слайд-шоу из слайдов HTML с помощью jQuery serialScroll. Однако, если мои слайды содержат вложенные элементы, которые соответствуют элементу, который я пытаюсь прокрутить, то это немного странно.

Есть ли способ использовать классы CSS в качестве элементов селектора вместо элементов HTML?

Вот пример типичного использования, которое я видел: 

$('#screen').serialScroll({
    target:'#sections',
    items:'li',
    prev:'img.prev',
    next:'img.next',
    navigation:'#navigation li a',
    duration:700,
    force:true,
    step:1,
    interval:1000
});

Я хотел бы сделать следующее (примечание: CSS-класс используется в качестве значения элементов): 

$('#screen').serialScroll({
    target:'#sections',
    items:'.mycssclass',
    prev:'img.prev',
    next:'img.next',
    navigation:'#navigation li a',
    duration:700,
    force:true,
    step:1,
    interval:1000
});

В приведенном выше примере, если вы прикрепили класс .mycssclass к элементам элемента списка, и у вас есть дополнительные элементы списка, вложенные в HTML-код слайда, ваши слайды будут отражаться в нечетных направлениях.

Моя разметка выглядит так: 

<div id="screen">
<div id="sections">
 <ul>
  <li class="mycssclass">
   <h2>Section 1</h2>
    <ul>
      <li>Nest li</li>
    </ul>
   <p>Lorem ipsum dolor sit amet...</p>
  </li>
  <li class="mycssclass">
   <h2>Section 2</h2>
    <ul>
      <li>Nest li</li>
    </ul>
   <p>Lorem ipsum dolor sit amet...</p>
  </li>
 </ul>
</div>
</div>

1 Ответ

2 голосов
/ 23 ноября 2010

items уже занимает селектор, он используется здесь: 

function getItems(){
  return $( items, pane );
};

Итак ... просто используйте именно то, что вы хотите в вопросе, он найдет любые .mycssclass элементы внутри #screen, что эквивалентно: 

$(".mycssclass", "#screen")
//or..
$("#screen").find(".mycssclass")
...