Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
0 / 0 / 2
Регистрация: 06.01.2014
Сообщений: 118

Не работает проверка на скрытый элемент в списке

04.03.2019, 18:19. Показов 948. Ответов 18

Студворк — интернет-сервис помощи студентам
С помощью кода пытаюсь найти не скрытые элементы из списка. И все равно класс присваивается последнему элементу несмотря на то чтоо у него display:none

JavaScript
1
2
3
4
if($('.auto-cards__item').css('display') !== 'none')
         {
            $('.auto-cards__item:last-child').addClass('last-visible-li');
        }
CSS
1
2
3
.last-visible-li {
    border-right: 1px solid #e2e2e2;
}
Миниатюры
Не работает проверка на скрытый элемент в списке  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
04.03.2019, 18:19
Ответы с готовыми решениями:

Проверка, 'скрытый ли элемент?'
как проверить, скрытый ли элемент страницы или нет?

Проверка, есть ли элемент в списке
Скажите есть ли метод в python 3.5 , который проверяет есть ли элемент в списке. Без цикла.

Следующий элемент в списке и проверка прогрессии.
Доброго времени суток! Прошу вас помочь с решением 2ух простейших задачек сделанных на Strawberry Prolog Задание 1 – Нахождение...

18
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
04.03.2019, 20:19
garmoni,

garmoni, создайте тему- больше вероятность помощи и выложите в ней полный код того о чем говорите.
Добавлено через 45 секунд
html css js
html css js
0
0 / 0 / 2
Регистрация: 06.01.2014
Сообщений: 118
04.03.2019, 20:25  [ТС]
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
garmoni,


html css js
html динамическое. я его в виде изображения показала как сейчас в инспекторе
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
04.03.2019, 20:47
Цитата Сообщение от garmoni Посмотреть сообщение
как сейчас в инспекторе
в инспекторе -> правой кнопкой мыши кликните по элементу ul и выберите Edit as HTML -> откроется редактор кода инспектора -> выделите весь код и скопируйте сюда

Добавлено через 1 минуту
или скиньте ссылку сам сделаю

Добавлено через 18 минут
И еще было бы неплохо если бы вы на словах объяснили что вы хотите сделать?
Вы хотите присвоить класс тому элементу который находится сразу над элементом с display:none ?
Или вы хотите присвоить класс всем элементам которые находятся над элементом с display:none ?
Или еще как-то по-другому?
0
0 / 0 / 2
Регистрация: 06.01.2014
Сообщений: 118
04.03.2019, 21:04  [ТС]
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
в инспекторе -> правой кнопкой мыши кликните по элементу ul и выберите Edit as HTML -> откроется редактор кода инспектора -> выделите весь код и скопируйте сюда

Добавлено через 1 минуту
или скиньте ссылку сам сделаю

Добавлено через 18 минут
И еще было бы неплохо если бы вы на словах объяснили что вы хотите сделать?
Вы хотите присвоить класс тому элементу который находится сразу над элементом с display:none ?
Или вы хотите присвоить класс всем элементам которые находятся над элементом с display:none ?
Или еще как-то по-другому?
Если я весь код копирую, то форум не пускает его вставить, так как слижком много символов.
http://mb2.staging.wpengine.com/all-models/
нужно чтобы при выборе пунктов меню Sedans & Wagons и т.д. всегда в последней карточке, которая выводится ниже был справа бордер
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
04.03.2019, 21:14
garmoni,

Так ?
0
0 / 0 / 2
Регистрация: 06.01.2014
Сообщений: 118
04.03.2019, 21:22  [ТС]
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
garmoni,

Так ?
Вложение 1017376
да.
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
04.03.2019, 21:32
Цитата Сообщение от garmoni Посмотреть сообщение
да.
и нужно что бы при каждом клике по switches__link выделялась бордером последняя карточка?

Добавлено через 4 минуты
в смысле при переключении вкладок с машинами
0
0 / 0 / 2
Регистрация: 06.01.2014
Сообщений: 118
04.03.2019, 21:32  [ТС]
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
и нужно что бы при каждом клике по switches__link выделялась бордером последняя карточка?
да. правильно
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
04.03.2019, 22:26
garmoni,

Забирайте
JavaScript
1
2
3
4
5
6
$('body').on('click','.switches__link',function(){
    setTimeout(function(){
        let card = $('.auto-cards__item:visible');
        card.last().addClass('last-visible-li');
    },2000);    // время в мс подрегулируйте под время в течении которого двигаются карточки после клика по ".switches__link"
});
По-хорошему конечно это все в callback прописать но нету исходного кода, а копаться в 100500 вордпрессовских файлах, простите, нету желания
1
0 / 0 / 2
Регистрация: 06.01.2014
Сообщений: 118
05.03.2019, 11:19  [ТС]
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
garmoni,

Забирайте
JavaScript
1
2
3
4
5
6
$('body').on('click','.switches__link',function(){
    setTimeout(function(){
        let card = $('.auto-cards__item:visible');
        card.last().addClass('last-visible-li');
    },2000);    // время в мс подрегулируйте под время в течении которого двигаются карточки после клика по ".switches__link"
});
По-хорошему конечно это все в callback прописать но нету исходного кода, а копаться в 100500 вордпрессовских файлах, простите, нету желания
Этот исходный код?
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
    <ul class="switches__block d-flex">
        <li class="active-switches">
            <a class="switches__link f-all" data-class="all-models__block">All models</a>
        </li>
        <li>
            <a class="switches__link f-Sedan f-Wagon" data-class="sedans__block">Sedans & Wagons</a>
        </li>
        <li>
            <a class="switches__link f-Coupe" data-class="coupes__block">Coupes</a>
        </li>
        <li>
            <a class="switches__link f-SUV" data-class="suv__block">SUVs</a>
        </li>
        <li>
            <a class="switches__link f-Roadster f-Cabriolet" data-class="convertible__block">Convertibles & Roadsters</a>
        </li>
    </ul>
    <div class="auto-cards">
        <div class="container">
            <ul class="auto-cards__block all-models__block">
                <? foreach($class_items_arr as $key_class => $new_item): ?>
               
                    <? foreach($new_item as $new_key=>$fisrt_item): ?>
                    <?
                        if($new_key == "Wagon") {
                            $new_key = "Sedan";
                        }
                        if($new_key == "Cabriolet") {
                            $new_key = "Roadster";
                        }
                        ?>
                        <?
                            $name_test = explode(" ", $fisrt_item[0]['model_name']);
                            if(in_array("GLE", $name_test) || in_array("GLC", $name_test)) {
                                $new_key = "SUV";
                            }
                        ?>
                    <li class="auto-cards__item sort <?=$new_key?>">
                        <?
                            // create case of the class name, because it was in lowercase
                            $class_arr = explode("-", $key_class);
                            if(count($class_arr)>1) {
                                $key_class_new = ucfirst($class_arr[0])."-".ucfirst($class_arr[1]);
                            } else {
                                $key_class_new = strtoupper($key_class);
                            }
                        ?>
                        <p class="auto-cards__name"><?=$key_class_new?> <span class="<?=$new_key?>"><?=$fisrt_item[0]['model_vehiclebody']?></span></p>
                        <div class="link-year d-flex">
                            <?/*<p class="year-switch year-switch2018">2018</p>*/?> <p class="year-switch  year-switch2019 active">2019</p>
                        </div>
                        <?/*<img src="<?php bloginfo('template_directory') ?>/img/c_class_saloon.png" class="cards__img2018">*/?>
                        <img src="https://www.mbusa.com<?=$fisrt_item[0]['model_image']?>">
                        <p class="auto-cards__price">Starting at <?/*<span class="cards__price2018">$34,500</span>*/?><span class="cards__price2019">$<?=$fisrt_item[0]['model_msrp']?></span></p>
                        <a href="#" class="btn view__btn">view inventory</a>
 
                        <a href="/mercedes-lending/?model_class=<?=$key_class?>&model_vehiclebody=<? echo ucfirst($fisrt_item[0]['model_vehiclebody']);?>&model_name=<?=$fisrt_item[0]['model_url_name']?>" class="btn more__btn">more information</a>
                        <? if(isset($brochure_arr[$key_class])): ?>
                        <a href="<?=$brochure_arr[$key_class]?>" class="btn download__btn">download broshure</a>
                        <? endif; ?>
                    </li>
                    <? endforeach; ?>
                <? endforeach; ?>
            </ul>
        </div>
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
05.03.2019, 11:37
Цитата Сообщение от garmoni Посмотреть сообщение
Этот исходный код?
Часть его...
Должен быть файл с расширением js в котором описывается что должно происходить при кликах, при скролле, регулирование состояниями, теми самыми display:none и много чего другого. Предполагаю что это какой-то плагин для вордпресса типа tabs (это когда при кликах по вкладкам показывается разное содержимое- если не знали). Вряд ли вы его сможете найти
0
0 / 0 / 2
Регистрация: 06.01.2014
Сообщений: 118
05.03.2019, 11:39  [ТС]
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
Часть его...
Должен быть файл с расширением js в котором описывается что должно происходить при кликах, при скролле, регулирование состояниями, теми самыми display:none и много чего другого. Предполагаю что это какой-то плагин для вордпресса типа tabs (это когда при кликах по вкладкам показывается разное содержимое- если не знали). Вряд ли вы его сможете найти
Само переключение происходит по этому коду.
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 var fActive='';
    function filterVehicle(vehicle){
 
        if(fActive!=vehicle){
 
            $('.sort').filter('.'+vehicle).show('slow');
            $('.sort').filter(':not(.'+vehicle+')').hide('slow');fActive=vehicle;
        }
 
    }
 
    $('.f-Sedan').click(function(){filterVehicle('Sedan'); /*$("span.Sedan").hide();*/  });
    $('.f-Coupe').click(function(){filterVehicle('Coupe');/*$("span.Coupe").hide();*/});
    $('.f-SUV').click(function(){filterVehicle('SUV');/*$("span.SUV").hide();*/});
    $('.f-Roadster').click(function(){filterVehicle('Roadster');/*$("span.Roadster").hide();*/});
    /*$('.f-Roadster').click(function(){filterVehicle('Cabriolet');});*/
    $('.f-all').click(function(){$('.auto-cards__item').show('slow');fActive='all';/* $("p.auto-cards__name span").show()*/});
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
05.03.2019, 11:43
Цитата Сообщение от garmoni Посмотреть сообщение
происходит по этому коду
это уже похоже на то что нужно ... посмотрю этот код позже

Добавлено через 1 минуту
garmoni, Машины наверное в БД хранятся?

Добавлено через 28 секунд
Или просто прописаны в скрипте php?
0
0 / 0 / 2
Регистрация: 06.01.2014
Сообщений: 118
05.03.2019, 11:47  [ТС]
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
это уже похоже на то что нужно ... посмотрю этот код позже

Добавлено через 1 минуту
garmoni, Машины наверное в БД хранятся?

Добавлено через 28 секунд
Или просто прописаны в скрипте php?
Прописаны в php
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
05.03.2019, 11:58
Цитата Сообщение от garmoni Посмотреть сообщение
Прописаны в php
Отлично, выкладывайте

Добавлено через 4 минуты
garmoni,

Объясню что мне нужно в итоге от вас
Мне намного проще будет вам помогать если я смогу взять ваш готовый код, вставить к себе на страницу и у меня будет выглядеть и работать как на вашем сайте, не знаю правда получится ли у вас это реализовать?
html уже есть, если будет еще php в котором хранятся машины- здорово, если вы к этому всему приложите еще css, что отвечает за внешний вид, будет просто отлично- тем самым вы мне облегчите помощь вам
0
0 / 0 / 2
Регистрация: 06.01.2014
Сообщений: 118
05.03.2019, 12:19  [ТС]
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
Отлично, выкладывайте

Добавлено через 4 минуты
garmoni,

Объясню что мне нужно в итоге от вас
Мне намного проще будет вам помогать если я смогу взять ваш готовый код, вставить к себе на страницу и у меня будет выглядеть и работать как на вашем сайте, не знаю правда получится ли у вас это реализовать?
html уже есть, если будет еще php в котором хранятся машины- здорово, если вы к этому всему приложите еще css, что отвечает за внешний вид, будет просто отлично- тем самым вы мне облегчите помощь вам
php сбросила выше с html кодом. это все что у меня есть.
php подтягивет только картинку и текст и создает класс по типу авто. в картинке выше я показывала инстпектор с кодом. смена карточект проиходет в зависимости от имени класса в li. стили прикрепила файл
Вложения
Тип файла: txt main.txt (5.3 Кб, 1 просмотров)
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
05.03.2019, 15:28
garmoni, ок, позже гляну

Добавлено через 2 часа 54 минуты
garmoni,

Функцию filterVehicle так перепишите
JavaScript
1
2
3
4
5
6
7
8
9
function filterVehicle(vehicle){
    if(fActive!=vehicle){
        $('.sort').filter('.'+vehicle).show('slow');
        $('.sort').filter(':not(.'+vehicle+')').hide('slow', "linear", function(){
            $('.auto-cards__item:visible').last().addClass('last-visible-li');
        });
        fActive=vehicle;
    }
}
1
0 / 0 / 2
Регистрация: 06.01.2014
Сообщений: 118
05.03.2019, 18:36  [ТС]
Цитата Сообщение от Mr_Sergo Посмотреть сообщение
garmoni, ок, позже гляну

Добавлено через 2 часа 54 минуты
garmoni,

Функцию filterVehicle так перепишите
JavaScript
1
2
3
4
5
6
7
8
9
function filterVehicle(vehicle){
    if(fActive!=vehicle){
        $('.sort').filter('.'+vehicle).show('slow');
        $('.sort').filter(':not(.'+vehicle+')').hide('slow', "linear", function(){
            $('.auto-cards__item:visible').last().addClass('last-visible-li');
        });
        fActive=vehicle;
    }
}
Спасибо.
как сюда еще добавить удаление класса 'last-visible-li' у тех элементов которым ранее добавился класс и они при новом клике уже не последние в списке. Так же нужно добавлять каждому 4 му видимому элементу
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
05.03.2019, 18:36
Помогаю со студенческими работами здесь

Не работает указатель на предыдущий элемент в списке
Суть такова: создается список из n элементов(вводится с клавиатуры), затем нужно вставить элемент в конкретную позицию, которая так же...

Удалить второй элемент в списке - программа не работает с русскими символами
Скинул в блокноте шрифты не распознает русские дома. Еще не подскажете какой шрифт установить.

Не работает проверка существует ли элемент(ы) TreeView
if node = nil then showmessage('дерево пустое!'); Данная проверка существует ли дерево не работает, помогите. Исходники прикрепил.

Найти в одном списке максимальный элемент, а в другом списке соответствующий ему по индексу
Здравствуйте! Помогите решить задачу - есть два cписка a = и b = . Необходимо найти из списка 'a' максимальное значение, а из списка 'b'...

Скрытый элемент
Вечер добрый. Как сделать, чтобы при открытии страницы элемент сразу был скрыт и только при действиях пользователя появлялся?


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

Или воспользуйтесь поиском по форуму:
19
Ответ Создать тему
Новые блоги и статьи
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
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
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru