Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Другие темы раздела
jQuery Валидация формы поиска на пустое значение Добрый день! Имеется следующая форма и код на валидацию по пустому введенному значению. Немного не выходит. Кнопка submit при любом раскладе остается disabled. Подскажите как исправить? Код формы: <form action="https://site.ru/" method="get" class="navbar-form navbar-right hidden-sm" role="search"> <div class="input-group"> <input class="form-control empty_field" name="s"... https://www.cyberforum.ru/ javascript-jquery/ thread2142026.html jQuery Передача переменной в value тестового поля
Как предать значение переменной summa в value тестового поля? $(document).ready(function() { $('#summa').keyup(function() { // Предотвращаем обычную отправку формы event.preventDefault(); $.get('action.php', {'summa':$('#summa').val() }, function(data) { $('#result').html(data);
jQuery Uncaught SyntaxError: Unexpected end of input Вот js пишет,что ошибка в последней строке,помогите: jQuery(document).ready(function( $ ) { // Header fixed and Back to top button $(window).scroll(function() { if ($(this).scrollTop() > 100) { $('.back-to-top').fadeIn('slow'); $('#header').addClass('header-fixed'); } else { $('.back-to-top').fadeOut('slow'); https://www.cyberforum.ru/ javascript-jquery/ thread2141338.html jQuery Взять html - содержимое span внутри span Здравствуйте. Есть такая конструкция. <tr> <span>тут какой-то код<span class="k">тут какой-то код</span></span> <span>тут какой-то код<span class="k">тут какой-то код</span></span> <span>тут какой-то код<span class="k">тут какой-то код</span></span> <span>тут какой-то код<span class="k">тут какой-то код</span></span> </tr> https://www.cyberforum.ru/ javascript-jquery/ thread2141276.html
jQuery Определить высоту элементов
Всем привет подскажите пожалуйста ! В чем проблема ! Вот ссылка : ссылка вот скрипт: $( document ).ready(function() { if($('#vertical-multilevel-menu >li').hasClass('active_li_left')){ $('#vertical-multilevel-menu li.active_li_left ul.two_cat').css({'display':'block' , 'margin':'0' , 'position':'relative' }); /*he = $('#vertical-multilevel-menu li.active_li_left...
jQuery Как получить Thymeleaf attr в jquery https://www.cyberforum.ru/ javascript-jquery/ thread2140773.html
добрый день есть такая строчка кода: <input type="submit" style="width: 60px" onclick="editInfo()" class="searchMenu" value="Edit"/> <table width="99%" border="0"> <tr> <td > <div th:each="curtain : ${allThatWeCanSearch}"> <div class="pic" id="mainDiv"> <input type="checkbox" class="selectFindCurtains"...
jQuery Селектор :eq() работает через раз https://www.cyberforum.ru/ javascript-jquery/ thread2139771.html
Добрый день и хорошего настроения, товарищи программисты! Объясните мне, пожалуйста, почему селектор :eq() в моем случае работает через один раз, то есть выбирает только нечетные строки (:eq(0), :eq(2), :eq(4) и т.д.) - остальные игнорирует. У меня есть такая таблица: <table class="data" id="courses"> <thead> <tr> <th>Код</th> ...
jQuery Вывести массив из php-переменной
Здравствуйте! Есть функция function ShowPayment(pay_type) { quality_room = $('#qual_room').val(); var ids = $('#hidden_id').val(); var date_in = $('#date_o').val(); var date_out = $('#date_e').val(); $.post('backend.php', {id:ids, values:date_in, type:date_out, action:'find_date_in_prise'}, function(data){
jQuery Постраничный вывод Доброе время суток есть задача сделать постраничный вывод без перезагрузки. На сайте есть блог новостей на нем выводятся записи через ajax echo " <div class=\"col-md-4 post\" onclick='showRecording(this)' id='$row'> <div class=\"img-recor\"> <img src=\"$row\" class=\"img-responsive\" alt=\"Социальная мастерская Greental\"> ... https://www.cyberforum.ru/ javascript-jquery/ thread2126388.html jQuery Чекбоксы как поисковые фильтры для таблицы Чёт не могу придумать алгоритм. Можете пнуть в нужном направлении? Есть таблица, есть в ней строки (неожиданный поворот?). Поиск по таблице имеет среди прочих фильтров три чекбокса, а в каждой строке есть три признака. Каждый чекбокс отвечает за отдельный признак. Если галка выбрана, строку нужно показывать, в ином случае не показывать. Как построить алгоритм показа-скрытия строк,... https://www.cyberforum.ru/ javascript-jquery/ thread2126324.html
Убрать паузу, замедление и ускорение slick slider? jQuery
0 / 0 / 1
Регистрация: 23.11.2017
Сообщений: 4
0

Одинаковая высота 2-х каруселей при адаптивной верстке - jQuery - Ответ 11876665

23.11.2017, 20:40. Показов 2859. Ответов 1
Метки (Все метки)

Author24 — интернет-сервис помощи студентам
Всем привет!

Ребята подскажите, пожалуйста, как сделать одинаковую высоту двух каруселей на одной странице при адаптивной вёрстке? Это мой первый пробный проект, вроде бы все сделал, а с этой проблемой никак не могу совладать уже несколько дней. Я решил эту задачу при помощи JS, но лишь частично, поскольку тогда обе карусели становятся одинаковой высоты только после перезагрузки страницы, что не совсем то, чего хотелось бы.

Заранее спасибо тому, кто откликнется)

HTML5
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
<section class="block-features">
        <div class="container">
            <div class="col-md-12">
                <div class="row">
                    <div class="sider-container col-md-8">
                        <div class="owl-carousel">
                            <div class="img-container">
                                <a href="#"><img src="img/readers-choice-awards.jpg" alt="readers-choice-awards" class="img-fluid" width="100%" height="100%"></a>
                                <div class="tooltip"><a href="#">Readers Choice Awards</a></div>
                            </div>
                            <div class="img-container">
                                <a href="#"><img src="img/editors-choice-awards.jpg" alt="editors-choice-awards" class="img-fluid" width="100%" height="100%"></a>
                                <div class="tooltip"><a href="#">Editors' Choice Awards</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="features col-md-4">
                        <div class="owl-carousel">
                            <div class="features-description">
                                <h3>FEATURES</h3>
                                <h1>Readers Choice Awards</h1>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
                                    dolore magna aliqua.</p>
                                <div class="read">
                                    <a href="#" class="arrow">Read More</a>
                                </div>
                            </div>
                            <div class="features-description">
                                <h3>FEATURES</h3>
                                <h1>Editors' Choice Awards</h1>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
                                    dolore magna aliqua.</p>
                                <div class="read">
                                    <a href="#" class="arrow">Read More</a>
                                </div>
                            </div>
                        </div>
                        <div class="features-slide">
                                <div class="arrow prev">Prev</div>
                                <div class="arrow next">Next</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</section>

CSS
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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
body {
    font-family: "RobotoRegular", sans-serif;
    font-size: 16px;
    margin: 0;
}
 
.container {
    margin: 0;
    padding: 0;
    max-width: inherit;
}
 
.block-features .row {
    display: flex;
}
 
.col-md-12,
.sider-container,
.img-container,
.features {
    padding: 0;
}
 
.sider-container .owl-carousel {
    min-height: 100%;
    display: flex;
}
 
.sider-container .img-container img {
    position: relative;
    height: 100%;
}
 
.features-description {
    background-color: #1C1C1C;
    padding: 13% 22% 13% 11%;
    position: relative;
}
 
h3 {
    margin: 0;
    color: #808080;
    letter-spacing: 10px;
    font-size: 1.3vw;
}
 
h1 {
    margin: 20px 0 30px 0;
    color: white;
    font-size: 4vw;
    font-family: 'Ovo', serif;
}
 
.features-description p {
    color: #D3D3D3;
    font-size: 14px;
    padding: 30px 0;
    margin: 0;
    border-top: 5px solid;
    border-image: linear-gradient(to right, white, transparent) 1;
}
 
.features-description .read {
    width: 160px;
}
 
.arrow {
    display: block;
    color: white;
    padding: 20px 0 20px 10px;
    text-decoration: none;
    font-size: 18px;
    position: relative;
}
 
.features-slide {
    font-size: 0;
    height: 60px;
    user-select: none;
}
 
.features-slide div {
    display: inline-block;
    width: 50%;
    padding: 17px 0 18px 22%;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    background-color: white;
    color: #808080;
    text-decoration: none;
    font-size: 18px;
    cursor: pointer;
    position: relative;
}
 
.features-slide .next {
    padding: 17px 0 18px 19%;
    border-right: none;
}

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$(document).ready(function() {
    var owl = $(".owl-carousel");
 
    owl.owlCarousel({
        items: 1,
        mouseDrag: false
    });
 
    $('.features-slide .prev').click(function() {
        owl.trigger('prev.owl.carousel');
    });
 
    $('.features-slide .next').click(function() {
        owl.trigger('next.owl.carousel');
    });
});


Вернуться к обсуждению:
Одинаковая высота 2-х каруселей при адаптивной верстке jQuery
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
23.11.2017, 20:40
Готовые ответы и решения:

Высота блока при адаптивной верстке
Всем мир. Страница с 4 блоками в ряд. При мобильной версии возникает такая хня (скриншот). Задать...

Высота блоков в адаптивной верстке
Есть код: &lt;div class=&quot;links&quot;&gt; &lt;div class=&quot;link1&quot;&gt;&lt;/div&gt; &lt;div class=&quot;link2&quot;&gt;&lt;/div&gt; ...

Одинаковая высота колонок при условии что высота изначально не известна
&lt;div class=&quot;row equal&quot;&gt; &lt;div class=&quot;col-md-8&quot;&gt; ...

Aside при адаптивной верстке
Здравствуйте. При сужении экрана надо чтобы один блок из сайдбара переместился над блоком контента,...

1
23.11.2017, 20:40
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
23.11.2017, 20:40
Помогаю со студенческими работами здесь

Меню при адаптивной верстке
Изучаю css не получается нормально адаптировать меню что бы в адаптивной верстке полностью...

Как убрать элемент при клике на телефоне при адаптивной верстке?
Здравствуйте!Делаю сайт, и при адаптивной верстке,для телефона, мне надо, чтобы при нажатии на...

Дефолтная ширина для мобильников при адаптивной верстке
С одним человеком у нас возник разговор - он утверждал, что ему в макете достаточно ширины 400px, я...

Как управлять расположением блоков при адаптивной верстке ?
Есть 3 блока, они все стоят в ряд. При ресайзе на определенное разрешение нужно взять центровой...

0
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru