Перестает работать метод css после загрузки документа

@tugushev75 · Регистрация: 04.01.2014

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

Здравствуйте, коллеги. Помогите, пожалуйста, разобраться почему перестает работать метод css после полной загрузки страницы. Имеется такой код:

Java
1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
    
    $(document).ready(function(){
        $('.item img').click(function(){
            alert('2222');
        $(this).css('border-color','#4099D7');
    });
    
});
  </script>

Функция click работает, а css не работает. Не могу понять в чем дело.

Вот как это выглядит на сайте http://agro-srv.ru/features

@Avery007 · 26.06.2014, 11:38

JavaScript
1
2
3
4
5
6
$(document).ready(function(){
    $('.item img').on('click', function(){
        alert('2222');
        $(this).css('border-color','#4099D7');
    }); 
});

@tugushev75 · 26.06.2014, 11:49 **[ТС]**

Avery007, спасибо за ответ, но это не работает. Дело не в методе click, a в css почему-то.

@Avery007 · 26.06.2014, 12:03

Только что заметил, у вас подключено два jQuery! Уберите один из них, и все должно заработать.
Уберите который 1.8.3.

@tugushev75 · 26.06.2014, 12:11 **[ТС]**

так тоже не работает. т.е. не работает jquery

@Avery007 · 26.06.2014, 12:22

А ещё у вас что-то конфликтует с jQuery, замените ваш код на:

JavaScript
1
2
3
4
5
jQuery('.item img').each(function () {
    jQuery(this).on('click', function (){
        jQuery(this).css('border-color', 'red');
    });
})

, это 100% работает, я проверил через консоль хрома. Только перед этим очистите блок script полностью, у вас там лишнее });
P.S. После этого, если хотите использовать jQuery, пишите вместо $ - jQuery.

Добавлено через 9 минут
Упс, забыл $(document).ready();

JavaScript
1
2
3
4
5
6
7
jQuery(document).ready(function (){
    jQuery('.item img').each(function () {
        jQuery(this).on('click', function (){
            jQuery(this).css('border-color', 'red');
        });
    });
});

@tugushev75 · 26.06.2014, 13:03 **[ТС]**

Avery007, огромнейшее вам спасибо! все заработало.

Получается в моем случае нужно ставить JQuery вместо $. И нужно пользоваться методом each, чтобы прописать событие click. Хотя я так и не понял почему так ) ну да ладно, главное, что текущая проблема разрешилась. Еще раз спасибо!

Новые блоги и статьи Все статьи Все блоги /
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .

@tugushev75 0 / 0 / 0 Регистрация: 04.01.2014 Сообщений: 20
	26.06.2014, 11:49 [ТС]
	Avery007, спасибо за ответ, но это не работает. Дело не в методе click, a в css почему-то. 0

@Avery007 29 / 29 / 11 Регистрация: 26.07.2013 Сообщений: 160
	26.06.2014, 12:03
	Только что заметил, у вас подключено два jQuery! Уберите один из них, и все должно заработать. Уберите который 1.8.3. 0

@tugushev75 0 / 0 / 0 Регистрация: 04.01.2014 Сообщений: 20
	26.06.2014, 12:11 [ТС]
	так тоже не работает. т.е. не работает jquery 0

@tugushev75 0 / 0 / 0 Регистрация: 04.01.2014 Сообщений: 20
	26.06.2014, 13:03 [ТС]
	Avery007, огромнейшее вам спасибо! все заработало. Получается в моем случае нужно ставить JQuery вместо $. И нужно пользоваться методом each, чтобы прописать событие click. Хотя я так и не понял почему так ) ну да ладно, главное, что текущая проблема разрешилась. Еще раз спасибо! 0