JQuery TypeError - show не является функцией

У меня есть кнопка следующим образом:

<button id = "onlineusers" style = "display: none;">Call User</button>

Мне нужно отобразить кнопку на основе события следующим образом:

client.on('stream-added', function (evt) {
  alert("User is online");  
  var stream = evt.stream;
  $('#onlineusers').show();
  console.info("New stream added: " + stream.getId());
  console.info("Subscribe ", stream);
  client.subscribe(stream, function (err) {
    console.info("Subscribe stream failed", err);
  });
});

Я использую jQuery (2.0.1) и пробовал следующее:

$('#onlineusers').show();

Я получаю сообщение об ошибке:

TypeError: $(...).show is not a function

TypeError: $(...)show is not a function

Я новичок в джаваскрипте. Просьба о помощи!!!

Нет причин использовать eq(0) в $('#onlineusers').eq(0), поскольку вы ориентируетесь на элемент по идентификатору. Вы уверены, что $('#onlineusers').show() не работает

Carsten Løvbo Andersen 08.04.2019 12:14
get().show() не будет работать, так как get() возвращает объект Element, а не объект jQuery. Однако две другие строки должны работать. Вы уверены, что $ — это ссылка на jQuery, а не на какую-то другую библиотеку? Также обратите внимание, что в DOM должен быть только один экземпляр #onlineusers, поэтому использование eq() или get() спорно.
Rory McCrossan 08.04.2019 12:14

@Carsten Løvbo Andersen Извините, раньше я использовал это как класс. Извините, изменено для обновления. Но $('#onlineusers').show(); тоже не работает.

Pamela 08.04.2019 12:16

включить ссылку jquery в свой код

Negi Rox 08.04.2019 12:17

@ Памела, тогда вы, скорее всего, столкнулись с проблемой, которую описывает Рори МакКроссан. Какую версию jquery вы используете?

Carsten Løvbo Andersen 08.04.2019 12:17

другие ваши jQuery действия работают? Я имею в виду, вы могли бы правильно загрузить jQuery на эту страницу?

Towkir 08.04.2019 12:18

я попробовал jquery('#onlineusers').show(); слишком..

Pamela 08.04.2019 12:19

@Pamela Пожалуйста, укажите версию jQuery в своем вопросе, и если вы получаете ее с CDN, включите ссылку

Carsten Løvbo Andersen 08.04.2019 12:22

версия jquery 2.0.1

Pamela 08.04.2019 12:23

jquery упоминается в коде: <script src = "scripts/jquery.js"></script>

Pamela 08.04.2019 12:25
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
10
323
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете удалить атрибут «стиль» для кнопки «Позвонить пользователю»,

$('#onlineusers').removeAttr('style');

Весь код:

client.on('stream-added', function (evt) {
  alert("User is online");  
  var stream = evt.stream;
  $('#onlineusers').removeAttr('style');
  console.info("New stream added: " + stream.getId());
  console.info("Subscribe ", stream);
  client.subscribe(stream, function (err) {
    console.info("Subscribe stream failed", err);
  });
});

Извиняюсь. Я не понимал. Я скрывал кнопку по умолчанию и пытался отобразить ее на основе события ??

Pamela 08.04.2019 12:28

Когда событие произойдет, атрибут стиля будет удален, и ваша кнопка будет видна.

Abdulvahap ÖZTEL 08.04.2019 12:35

Если это сработало для вас, но show() нет, то у вас гораздо более серьезные проблемы.

Rory McCrossan 08.04.2019 15:37

Другие вопросы по теме