Форум программистов, компьютерный форум, киберфорум
Наши страницы

jQuery

Войти
Регистрация
Восстановить пароль
 
tugushev75
0 / 0 / 0
Регистрация: 04.01.2014
Сообщений: 20
#1

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

26.06.2014, 11:06. Просмотров 303. Ответов 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 после загрузки документа (jQuery):

Css перестает работать после выполнения функции - JavaScript
Здравствуйте. Встала у меня такая проблемка. Есть у меня такой кусочек css .buttons { width: 59px; height: 40px; ...

Перестает работать код после добавления события onclick - jQuery
Здравствуйте, помогите, пожалуйста. Есть код: $(document).ready(function() { // $(&quot;#searchButton&quot;).on(&quot;click&quot;,...

Перестали работать стили после загрузки сайта на хостинг - JavaScript
Заказали 5 вариантов печати таблицы. Сделал так &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/_minPrint.css&quot; id=&quot;idCSS&quot;&gt; var...

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

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

Перестает работать setInterval - jQuery
setInterval(function(){ $(&quot;.image1&quot;).attr({&quot;src&quot;: &quot;images/&quot; + i + &quot;.png&quot;}); i++; if(i &gt; 2) {i = 1;} }, 250); ...

6
Avery007
29 / 29 / 0
Регистрация: 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 / 0
Регистрация: 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 / 0
Регистрация: 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
Привет! Вот еще темы с ответами:

муха перестает ползать за курсором если указать тип документа - JavaScript
Скачал Java-скрипт мухи, ползающей за курсором, но если в html-странице есть следующая необходимая строка: &lt;!DOCTYPE HTML PUBLIC...

почему при перестановке скрипт перестает работать?! - jQuery
кто может объяснить почему вот так работает : function getOrderInfoByid( order_Id, orders_Array) // fill dialog info about current...

Убираю код AJAX в подключаемый файл, и он перестает работать - jQuery
Не пойму в чем проблема. Код AJAX работает, когда он прописан в хэде. Стоит только мне его перенести в подключаемый файл, он перестает...

AJAX - при смене контента в div перестает работать JS - jQuery
Делаю ajax запрос и меняю контент в &lt;div&gt; но почему то там перестает работать JS, весь JS я подгрузил в head, и получается что мне придется...


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

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

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