С наступающим Новым годом! Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
tugushev75
0 / 0 / 0
Регистрация: 04.01.2014
Сообщений: 20
1

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

26.06.2014, 11:06. Просмотров 318. Ответов 6
Метки нет (Все метки)

Здравствуйте, коллеги. Помогите, пожалуйста, разобраться почему перестает работать метод 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
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
26.06.2014, 11:06
Ответы с готовыми решениями:

Css перестает работать после выполнения функции
Здравствуйте. Встала у меня такая проблемка. Есть у меня такой кусочек css...

После unwrap/wrap перестает работать resize
Имеется checkbox, который обернут в div с рамкой (см. рис. внизу). Ширина этого...

Скрипт перестает работать после применения фильтра в форме
Добрый день, форумчане. В javascript очень слаб, так что сильно не пинайте,...

Перестает работать код после добавления события onclick
Здравствуйте, помогите, пожалуйста. Есть код: $(document).ready(function() {...

Почему после метода click перестает работать функция $(window).scroll(function(){.})
Здравствуйте! Почему после метода click(нажатие на ссылку) перестает работать...

6
Avery007
29 / 29 / 11
Регистрация: 26.07.2013
Сообщений: 160
26.06.2014, 11:38 2
Javascript
1
2
3
4
5
6
$(document).ready(function(){
    $('.item img').on('click', function(){
        alert('2222');
        $(this).css('border-color','#4099D7');
    }); 
});
0
tugushev75
0 / 0 / 0
Регистрация: 04.01.2014
Сообщений: 20
26.06.2014, 11:49  [ТС] 3
Avery007, спасибо за ответ, но это не работает. Дело не в методе click, a в css почему-то.
0
Avery007
29 / 29 / 11
Регистрация: 26.07.2013
Сообщений: 160
26.06.2014, 12:03 4
Только что заметил, у вас подключено два jQuery! Уберите один из них, и все должно заработать.
Уберите который 1.8.3.
0
tugushev75
0 / 0 / 0
Регистрация: 04.01.2014
Сообщений: 20
26.06.2014, 12:11  [ТС] 5
так тоже не работает. т.е. не работает jquery
0
Avery007
29 / 29 / 11
Регистрация: 26.07.2013
Сообщений: 160
26.06.2014, 12:22 6
А ещё у вас что-то конфликтует с 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');
        });
    });
});
1
tugushev75
0 / 0 / 0
Регистрация: 04.01.2014
Сообщений: 20
26.06.2014, 13:03  [ТС] 7
Avery007, огромнейшее вам спасибо! все заработало.

Получается в моем случае нужно ставить JQuery вместо $. И нужно пользоваться методом each, чтобы прописать событие click. Хотя я так и не понял почему так ) ну да ладно, главное, что текущая проблема разрешилась. Еще раз спасибо!
0
26.06.2014, 13:03
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
26.06.2014, 13:03

Перестали работать стили после загрузки сайта на хостинг
Заказали 5 вариантов печати таблицы. Сделал так &lt;link rel=&quot;stylesheet&quot;...

Как выполнить метод импортируемого класса после загрузки картинок ?
У меня есть функция, которая прижимает футер. После того как переписал её на...

Onscroll перестает работать
Здравствуйте! Есть такая проблема. Делаю страницу - фотогаллерею. При нажатии...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru