Скрытие блока, при выборе любого в?

Question

[sergo573]

Добрый вечер!

Имеется div блок с id="vybor", так же имеется select с id="heyhey".
Имеется скрипт:

<script>
$(document).ready(function() {
$("#heyhey").on("change",function(){
        if($(this).val() )
             document.getElementById("vybor").style.display="none";
    })
})
</script>

Который закрывает div блок при выборе любого option.
Всё это вставляется на сайте Wordpress, через конструктор elementor.

Вопрос вот в чём, в редакторе elementor всё работает, а вот на самой странице нет...
В чём может быть проблема?

Comments

[DrWeyber]

Попробуй перед ифом вывести консоль лог, и глянь что в него приходит

[sergo573]

DrWeyber, Вот что пишет: Uncaught TypeError: $ is not a function at (index):151
Вот, что находится на этой строке:
$(document).ready(function() {

[DrWeyber]

Хм, попробуй убрать обертку, документ рэди, по идее функция и так должна навеситься

[DrWeyber]

Или у тебя джквери на странице не подключён

[sergo573]

DrWeyber, Без неё не работает, а в консоле, так же ругается на $, только уже на эту строку:
$("#heyhey").on("change",function(){

[DrWeyber]

Проверь, подключен ли джквери вообще на странице?попробуй напиши в консоле браузере функцию из джквери

[sergo573]

DrWeyber, Насчёт этого, в консоле пишет:
JQMIGRATE: Migrate is jquery-migrate.min.js?ver=3.3.2:2 installed, version 3.3.2
Может-ли это как-то влиять?

[DrWeyber]

sergo573, Вряд-ли, все остальное нормально работает на странице?

[sergo573]

DrWeyber, Да, всё остальное работает как часики :)

[DrWeyber]

sergo573, а правилами сайта можно ссылку на страницу давать?

[sergo573]

DrWeyber, Нашёл решение в jQuery, теперь всё работает :)

<script>
    jQuery(document).ready(function() {
   jQuery("#heyhey").change(function() {
      if(jQuery(this).find("option:selected").val()) {
         jQuery(".vybor").hide();
      }
   });
});
</script>

[DrWeyber]

sergo573, интересно конечно и странно, но главное что работает)
П.с. не люблю джквери

[sergo573]

DrWeyber, Ну да, спасибо за отклик!

Answer 1

[sergo573]

Решение:

jQuery(document).ready(function() {
   jQuery("#heyhey").change(function() {
      if(jQuery(this).find("option:selected").val()) {
         jQuery(".vybor").hide();
      }
   });
});