scrollTo элемент jquery, который не существует, выдает ошибку - PullRequest
Новая
       4

scrollTo элемент jquery, который не существует, выдает ошибку

2 голосов
/ 23 февраля 2012

Я пытаюсь использовать плагин scrollTo для прокрутки нескольких элементов div в моем документе.

Проблема в том, что элементы, которые я прокручиваю, не всегда существуют, поэтому выдает ошибку.

Каждый из прокручиваемых элементов div содержит список якорей.В зависимости от пользовательского ввода некоторые элементы меняют свой класс (и это несколько классов для каждого элемента).У меня есть 4 необязательных класса, каждый элемент может измениться на: 

 <a id="445" class="list col3"">Paris</a>
 <a id="445" class="highlighted col3">Paris</a>
 <a id="445" class="selected col3">Paris</a>
 <a id="445" class="noshow col3">Paris</a>

Я хочу прокрутить каждый элемент div до выбранного / выделенного элемента, если он есть.Если такого элемента нет, ничего не должно происходить.

Я использую этот синтаксис для прокрутки: 

$("div#places4").scrollTo($('a.highlighted.col4'),800);

Работает нормально, когда в div # place4 есть выделенный элемент,но когда его нет, выдается ошибка («o не определено» - относится к коду scrollTo).

Я попытался обусловить вызов scrollTo следующим образом: 

if($('a.highlighted.col4').length<!0) {$("div#places4").scrollTo($('a.highlighted.col4'),800)}

Но появляется та же самая ошибка.

Помимо раздражения ошибки (мне нравится, когда моя консоль чистая и пустая, когда моя страница загружается!), Ошибка предотвращает будущие вызовы scrollTo, потому что, когда я вызываю несколько свитковза другим ни один из них не выполняется: 

if($('a.selected.col1').length<!0) {$("div#places1").scrollTo($('a.selected.col1'),8000)}
if($('a.selected.col2').length<!0) {$("div#places2").scrollTo($('a.selected.col2'),8000)}
if($('a.selected.col3').length<!0) {$("div#places3").scrollTo($('a.selected.col3'),8000)}
if($('a.selected.col4').length<!0) {$("div#places4").scrollTo($('a.selected.col4'),8000)}

Любая помощь будет принята с благодарностью!

1 Ответ

1 голос
/ 23 февраля 2012

Ваш подход для проверки существования элемента правильный, по вашему состоянию неверный, попробуйте это: 

if ($('a.highlighted.col4').length) { 
    $("div#places4").scrollTo($('a.highlighted.col4'),800)
}
...