Метод jQuery не находит селектор

Question

Метод jQuery не находит селектор

0

Я пишу простую функцию jQuery для выбора селектора с html-страницы, а при нажатии клавиши (вверх или вниз) следует добавить к нему класс CSS.

Проблема заключается в том, что он не обнаруживает, что селектор добавляет класс.

Селектор HTML вложен глубоко в код.

html
    body
        div.fixed-header
            div#main-nav.primary-nav.navbar
                div.navbar-inner
                    div.primary-nav-right-content
                        ul.nav
                             li#global-search
                                 div.search-results
                                      ul.search-dropdown
                                          ul.search-entry

Я пытаюсь обнаружить селектор ul.search-entry в моем jquery.

То, что я имею прямо сейчас в своем javascript, это.

var selector = $('ul.search-entry');
var selected;
$(window).keydown(function(e){
  if(e.which === 40){
      if(selected){
          selected.removeClass('selected');
          next = selected.next();
          if(next.length > 0){
              selected = next.addClass('selected');
          }else{
              selected = selector.eq(0).addClass('selected');
          }
      }else{
          selected = selector.eq(0).addClass('selected');
      }
  }else if(e.which === 38){
      if(selected){
          selected.removeClass('selected');
          next = selected.prev();
          if(next.length > 0){
              selected = next.addClass('selected');
          }else{
              selected = selector.last().addClass('selected');
          }
      }else{
          selected = selector.last().addClass('selected');
      }
  }
  else{
  }
});

Я слишком долго ломаю голову, и я знаю, что мне не хватает чего-то действительно маленького. Есть предположения?

Abhi 27 нояб. 2013, в 18:04

Источник

0

убедитесь, что код находится в готовом обработчике dom
Arun P Johny 27 нояб. 2013, в 16:27
2

if (selected) , selected никогда не получает значение. Вы хотите selector ?
tymeJV 27 нояб. 2013, в 16:27
0

@tymeJV Если значение true if (selected) равно true, значение selected уже имеет значение, поэтому его не нужно вводить снова.
Barmar 27 нояб. 2013, в 16:30
0

«Проблема в том, что он не обнаруживает селектор для добавления класса». Что вы сделали, чтобы узнать, что ни один элемент не выбран? Вы читали учебник по jQuery ? «Для запуска кода, как только документ будет готов к манипулированию, в jQuery есть оператор, известный как готовое событие »
Felix Kling 27 нояб. 2013, в 16:31
0

Вы добавляете элементы ul.searchentry динамически? Ваш селектор применяется при первой загрузке страницы, поэтому он не будет включать элементы, добавленные позже.
Barmar 27 нояб. 2013, в 16:31
0

У меня есть CSS для изменения фона, а также я наблюдаю за добавлением класса, когда я проверяю элемент в Chrome
Abhi 27 нояб. 2013, в 16:33
0

@Barmar - Да, ul.search-запись добавляется динамически. Есть ли способ включить позже добавленные элементы?
Abhi 27 нояб. 2013, в 16:34
0

Вызывайте jQuery в тот момент, когда вы хотите искать, а не кэшировать результаты в переменной.
Barmar 27 нояб. 2013, в 16:35
1

Ваш вопрос может выявить недоразумение. ul.search-entry - это селектор, $("ul.search-entry") - это коллекция jQuery элементов, соответствующих селектору.
Barmar 27 нояб. 2013, в 16:36
0

Если вы хотите проверить, существует ли ul.search-entry на странице, вы можете сделать selector.is('*') это вернет true если элемент находится на странице.
AfromanJ 27 нояб. 2013, в 16:38
0

@Barmar: я пытался вызвать jQuery во время поиска, но это вызывало функцию, вызываемую каждый раз, когда меняется выпадающий список поиска. Мне нужен способ убить предыдущий вызов и "перезапустить" функцию снова.
Abhi 27 нояб. 2013, в 16:38
0

Ваше решение исправило это. Спасибо @Barmar Бармар
Abhi 27 нояб. 2013, в 16:43

Показать ещё 10 комментариев

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

убедитесь, что код находится в готовом обработчике dom
if (selected) , selected никогда не получает значение. Вы хотите selector ?
@tymeJV Если значение true if (selected) равно true, значение selected уже имеет значение, поэтому его не нужно вводить снова.
«Проблема в том, что он не обнаруживает селектор для добавления класса». Что вы сделали, чтобы узнать, что ни один элемент не выбран? Вы читали учебник по jQuery ? «Для запуска кода, как только документ будет готов к манипулированию, в jQuery есть оператор, известный как готовое событие »
Вы добавляете элементы ul.searchentry динамически? Ваш селектор применяется при первой загрузке страницы, поэтому он не будет включать элементы, добавленные позже.
У меня есть CSS для изменения фона, а также я наблюдаю за добавлением класса, когда я проверяю элемент в Chrome
@Barmar - Да, ul.search-запись добавляется динамически. Есть ли способ включить позже добавленные элементы?
Вызывайте jQuery в тот момент, когда вы хотите искать, а не кэшировать результаты в переменной.
Ваш вопрос может выявить недоразумение. ul.search-entry - это селектор, $("ul.search-entry") - это коллекция jQuery элементов, соответствующих селектору.
Если вы хотите проверить, существует ли ul.search-entry на странице, вы можете сделать selector.is('*') это вернет true если элемент находится на странице.
@Barmar: я пытался вызвать jQuery во время поиска, но это вызывало функцию, вызываемую каждый раз, когда меняется выпадающий список поиска. Мне нужен способ убить предыдущий вызов и "перезапустить" функцию снова.
Ваше решение исправило это. Спасибо @Barmar Бармар

Barmar · Accepted Answer · 2013-11-27T14-14-00.000Z

Установите selector только на строку селектора, а не на полученную коллекцию, и вызовите jQuery для поиска по мере необходимости.

var selector = 'ul.search-entry';
var selected;
$(window).keydown(function(e){
  if(e.which === 40){
      if(selected){
          selected.removeClass('selected');
          next = selected.next();
          if(next.length > 0){
              selected = next.addClass('selected');
          }else{
              selected = $(selector).eq(0).addClass('selected');
          }
      }else{
          selected = $(selector).eq(0).addClass('selected');
      }
  }else if(e.which === 38){
      if(selected){
          selected.removeClass('selected');
          next = selected.prev();
          if(next.length > 0){
              selected = next.addClass('selected');
          }else{
              selected = $(selector).last().addClass('selected');
          }
      }else{
          selected = $(selector).last().addClass('selected');
      }
  }
  else{
  }
});

Да! Это сделал это. Я не могу поверить, что это было так просто
Просто сделал это. Спасибо, Феликс.