Не работают функции

@Alex-Kir · Регистрация: 04.05.2014

Студворк — интернет-сервис помощи студентам

Всем доброго времени суток!
Возникла такая проблема, впервые в жизни, не понимаю почему... Раньше все так делал всегда и работало, а сейчас не работает..

Суть: не убираются блоки при помощи js, то есть не меняется display

В коде:

1. Js подключена библиотека

HTML5
1
2
3
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>

2. Ссылке прописан onclick

HTML5
1
<a href="" class="menu_block" id="services" onClick="show();"><span>Услуги</span></a>

Id у требуемого элемента тоже стоит:

HTML5
1
<div class="main_container" id="main">

3. В конце сам скрипт

JavaScript
1
2
3
4
5
<script>
    function show() {
        $("#main").css('display','none');
    }
</script>

Не работает

Пробовал через:

JavaScript
1
document.getElementById('main').style.display ='none';

Тоже не работает

Пробовал через: (тоже не раб)

JavaScript
1
2
3
4
5
6
$(document).ready(function() {
   
    $("#services").click(function(){
        $("#main").css('display','none');
    });
    });

Но вот простое работает:

JavaScript
1
2
3
function show(){
        alert('hi');
    }

при нажатии на ссылку выскакивает "Hi"

Так вот я честно не понимаю почему не работает...?
Я делал магазину движок сам , писал корзину на js , оттуда беру прямо вставляю, меняю только классы/ид - и не работает ...
Я просто не понимаю, помогите

P.S. И историю в браузере (Chrome) удалял, и комп перезагружал и денвер - ничего

Добавлено через 9 минут
Попробовал поменять цвет ссылкам:

JavaScript
1
2
3
function show(){
        $(".menu_block").css('color','#fff');
    }

Так вот во время клика на мгновение они становятся белыми
Кстати, блок тоже пропадает на мгновение во время клика

Т.е. он на доли секунды меняет и потом возвращает значение из css
В консоли ошибок тоже нет

P.S.S.

Открыл в Эксплорере
Тоже самое, меняет на доли секунды, но.. если пощелкать мышкой пару секунд без перерыва, то все же ссылки станут белыми

Добавлено через 12 минут
Это не может быть из-за того, что комп очень старый?
хотя не, навряд ли, при чем тут он

@msheal · 17.01.2018, 02:34

Исправленный вариант с инлайн обработчиком:

HTML5
1
2
3
<a href="" class="menu_block" id="services"  onClick="show(); return false;"><span>Услуги</span></a>
 
<div class="main_container" id="main">hide on link click</div>

Вариант без инлайн обработчика:

JavaScript
1
2
3
4
$("#services").click(function(e){
         e.preventDefault();
        $("#main").css('display','none');
    });

Дело в том, что у ссылки, по которой вы кликаете, есть стандартное поведение (собственно сам переход по ссылке на другую страницу), которое вы не отменили. На самом деле ваш код тоже сработал, но переход на другую страницу (в вашем случае на саму себя) сделал изменения почти не заметными, отсюда и дерганье на доли секунды.
Алерт же работает потому-что он, как и остальные браузерные модальные окна, блокирует выполнение скриптов пока не будет закрыт.

П.С. личный совет - старайтесь не писать инлайн обработчики, а также не используйте ссылки без явной необходимости

@Alex-Kir · 17.01.2018, 13:20 **[ТС]**

Спасибо огромное!
У меня из головы и вылетело про "отмену загрузки страницы"... если так можно сказать

Все, понял свой косяк
Спасибо за советы, приму на вооружение

P.S. А в интернет-магазине все работало тогда, потому что там как раз была привязка не к ссылкам.

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

@Alex-Kir 0 / 0 / 0 Регистрация: 04.05.2014 Сообщений: 64
	17.01.2018, 13:20 [ТС]
	Спасибо огромное! У меня из головы и вылетело про "отмену загрузки страницы"... если так можно сказать Все, понял свой косяк Спасибо за советы, приму на вооружение P.S. А в интернет-магазине все работало тогда, потому что там как раз была привязка не к ссылкам. 0