Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.04.2018, 08:13
Новичок на форуме
Отправить личное сообщение для Mr. Stil Посмотреть профиль Найти все сообщения от Mr. Stil
 
Регистрация: 22.04.2018
Сообщений: 2

Не корректно работают элементы jQuery
Доброго дня всем читающим!
Задача такая:
Необходимо реализовать разные стили для вида материалов на сайте.

Решение:
Искал решение в инете, нашёл вот такой код
$("div.blockn1:odd").removeClass("blockn1").addClass("blockn2");


У ютубера данный код работает без проблем, в моём случае нет.
Проблема:
Ситуация состоит в том, что элементы проверки на чётность/нечётность в jQuery - "even, odd" непонятным образом отказываются работать правильно, а именно:
Вариант 1: меняется стиль только у 1 материала, либо у последнего;
Вариант 2: меняются стили у 1-ой и последней новости (или на оборот смена только между 1-ой и 5-ой, т.к. всего 5);
Вариант 3: не работает вовсе.
Подключал библиотеку jQuery, пробовал реализацию через CSS (nth-child(even)) - не сработало
Для того чтобы было проще понять проблему вот сайт http://videoobzori.ucoz.net

Прошу помочь, если это возможно.
P.S. Дизайн сайта ещё в разработке, так что не обессудьте. Все материалы тестовые, чтобы убедиться в корректной работе внешнего вида

Последний раз редактировалось Mr. Stil, 22.04.2018 в 08:15. Причина: не дописал описание.
Ответить с цитированием
  #2 (permalink)  
Старый 22.04.2018, 08:57
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<style>
		div.blockn1:nth-child(even){
			color: red;
		}
	</style>

	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>


прежде чем пробовать на CSS удалите код JQuery он меняет классы из за этого у вас такие эффекты и возникают.

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
	<style>
		div.blockn1:nth-child(even){
			color: red;
		}
	</style>

	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>
	<div class="blockn1">4324324234234</div>

	<script>

$("div.blockn1:odd").removeClass("blockn1").addClass("blockn2");

	</script>
Ответить с цитированием
  #3 (permalink)  
Старый 22.04.2018, 12:17
Новичок на форуме
Отправить личное сообщение для Mr. Stil Посмотреть профиль Найти все сообщения от Mr. Stil
 
Регистрация: 22.04.2018
Сообщений: 2

j0hnik, спасибо за ответ! всё работает (кроме скрипта), вне системы uCoz.
CSS отрабатывает хорошо и как надо, однако скрипт так и не работает
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работают условия в jQuery Nidzhat jQuery 8 16.08.2017 17:09
SOS! Не работает скрипт на сайте и не запускается видео Arin Библиотеки/Тулкиты/Фреймворки 6 22.06.2017 14:41
Почему jQuery не обрабатывает элементы со значением атрибутов "nodeType" ercling jQuery 1 08.01.2014 22:10
не работают два jquery скрипта вместе SunYang Общие вопросы Javascript 1 03.09.2011 21:13
joomla jquery и chrome, вместе не работают? BoJIaHg Opera, Safari и др. 0 16.07.2011 16:44