Как установить стиль наведения на кнопку после нажатия и оставить кнопку?
У меня есть HTML-страница по этой ссылке много кнопок. При наведении указателя мыши на кнопку цвет границы кнопки менялся на оранжевый.
Я хочу, чтобы после щелчка по кнопке установить наведение стиля на кнопку, даже если оставить кнопку, а затем, если нажать на другую кнопку, удалить наведение стиля с кнопки perv и установить наведение стиля на кнопку, нажатую.
Я пытаюсь использовать код ниже, но не работает.
$(".bookly-hour").on('click', function(event){
$(".bookly-hour").removeAttr('class');
$(this).addClass("bookly-hour bookly-hour:hover");
});
Но не работает. Как исправить?
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
0
50
2
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 2
Ответ принят как подходящий
Вам нужно переопределить bookly css, а также сохранить цвет, используя класс.
const $buttons = $(".bookly-hour")
.on('click', function() {
$buttons.removeClass('selected');
$(this).toggleClass('selected');
});.bookly-columnizer .bookly-hour:hover,
.bookly-columnizer .bookly-hour.selected {
border: 2px solid #f4662f !important;
color: #f4662f;
}
/* Circle */
.bookly-columnizer .bookly-hour.selected span.ladda-label.bookly-time-main i.bookly-hour-icon {
background: none;
border: 2px solid #f4662f;
color: #f4662f;
width: auto;
height: auto;
padding: 3px;
border-radius: 25px;
margin-right: 3px;
}
/* Dot */
.bookly-columnizer .bookly-hour.selected span.ladda-label.bookly-time-main .bookly-hour-icon span {
background: #f4662f;
width: 8px;
height: 8px;
border-radius: 10px;
display: block;
}<link href = "https://www.booking-wp-plugin.com/use-cases/pet-service-appointment-case/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/css/bookly-main.css?ver=23.7" rel = "stylesheet" />
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<div class = "bookly-columnizer" style = "left: 0px;">
<div class = "bookly-column">
<button class = "bookly-day bookly-js-first-child" value = "2024-08-09">Fri, Aug 09</button>
<button value='[[1,1,"2024-08-09 08:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>8:00 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 08:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>8:15 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 08:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>8:30 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 08:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>8:45 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<br>
<button value='[[1,1,"2024-08-09 09:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>9:00 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 09:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>9:15 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 09:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>9:30 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 09:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>9:45 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 10:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>10:00 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 10:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>10:15 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 10:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>10:30 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 10:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>10:45 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 11:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>11:00 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,2,"2024-08-09 11:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>11:15 am
</span>
<span class = "bookly-time-additional"> </span>
</button><br>
<button value='[[1,2,"2024-08-09 11:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>11:30 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,2,"2024-08-09 11:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>11:45 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,2,"2024-08-09 12:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>12:00 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,4,"2024-08-09 12:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>12:15 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,4,"2024-08-09 12:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>12:30 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,4,"2024-08-09 12:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>12:45 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 13:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>1:00 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 13:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>1:15 pm
</span>
<span class = "bookly-time-additional"> </span>
</button><br>
<button value='[[1,1,"2024-08-09 13:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>1:30 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 13:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>1:45 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 14:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>2:00 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 14:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>2:15 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 14:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>2:30 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 14:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>2:45 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 15:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>3:00 pm
</span>
<span class = "bookly-time-additional"> </span>
</button><br>
<button value='[[1,1,"2024-08-09 15:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>3:15 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 15:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>3:30 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 15:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>3:45 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 16:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>4:00 pm
</span>
<span class = "bookly-time-additional"> </span>
</button><br>
<button value='[[1,1,"2024-08-09 16:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>4:15 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 16:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>4:30 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 16:499:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>4:45 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
</div>
</div>@mplugjan Можете ли вы помочь мне включить изменение цвета для переключателя флажков (круг)?
—
31.07.2024 17:19
Готово, но нетривиально. Возможно, вы можете попросить книжного человека сделать это?
—
01.08.2024 08:40
Я не обрабатывал bookly-time-additional, так как не знаю, как это выглядит
—
01.08.2024 08:41
Ты лучший. большое спасибо. окончательный результат https://jsfiddle.net/khbagh/m9dh3ruf/3/
—
01.08.2024 10:39
Чтобы добиться желаемого эффекта сохранения стиля наведения на нажатой кнопке и его удаления при нажатии другой кнопки, необходимо правильно управлять классами. Проблема вашего текущего подхода заключается в том, что вы пытаетесь добавить псевдокласс (:hover) в качестве класса, но это не работает.
Вместо этого вам следует определить новый класс CSS для активного состояния и переключить этот класс с помощью JavaScript. Вот пример того, как вы можете это сделать:
$(document).ready(function() {
$(".bookly-hour").on('click', function() {
// Remove 'active' class from all buttons
$(".bookly-hour").removeClass('active');
// Add 'active' class to the clicked button
$(this).addClass('active');
});
});.bookly-hour {
border: 1px solid black;
padding: 10px;
display: inline-block;
cursor: pointer;
}
.bookly-hour:hover {
border-color: orange;
}
.bookly-hour.active {
border-color: orange;
color: orange;
}<div class = "bookly-columnizer" style = "left: 0px;">
<div class = "bookly-column">
<button class = "bookly-day bookly-js-first-child" value = "2024-08-09">Fri, Aug 09</button>
<button value='[[1,1,"2024-08-09 08:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>8:00 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 08:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>8:15 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 08:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>8:30 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 08:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>8:45 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<br>
<button value='[[1,1,"2024-08-09 09:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>9:00 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 09:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>9:15 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 09:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>9:30 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 09:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>9:45 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 10:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>10:00 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 10:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>10:15 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 10:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>10:30 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 10:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>10:45 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 11:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>11:00 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,2,"2024-08-09 11:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>11:15 am
</span>
<span class = "bookly-time-additional"> </span>
</button><br>
<button value='[[1,2,"2024-08-09 11:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>11:30 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,2,"2024-08-09 11:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>11:45 am
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,2,"2024-08-09 12:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>12:00 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,4,"2024-08-09 12:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>12:15 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,4,"2024-08-09 12:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>12:30 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,4,"2024-08-09 12:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>12:45 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 13:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>1:00 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 13:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>1:15 pm
</span>
<span class = "bookly-time-additional"> </span>
</button><br>
<button value='[[1,1,"2024-08-09 13:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>1:30 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 13:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>1:45 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 14:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>2:00 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 14:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>2:15 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 14:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>2:30 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 14:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>2:45 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 15:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>3:00 pm
</span>
<span class = "bookly-time-additional"> </span>
</button><br>
<button value='[[1,1,"2024-08-09 15:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>3:15 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 15:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>3:30 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 15:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>3:45 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 16:00:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>4:00 pm
</span>
<span class = "bookly-time-additional"> </span>
</button><br>
<button value='[[1,1,"2024-08-09 16:15:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>4:15 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 16:30:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>4:30 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
<button value='[[1,1,"2024-08-09 16:45:00",0]]' data-group = "2024-08-09" class = "bookly-hour">
<span class = "ladda-label bookly-time-main">
<i class = "bookly-hour-icon"><span></span></i>4:45 pm
</span>
<span class = "bookly-time-additional"> </span>
</button>
</div>
</div>Это читается как ответ ChatGPT, который не разрешен в SO.
—
31.07.2024 14:58
Другие вопросы по теме
Добавить выбранное значение переключателя в качестве данных пользовательского элемента корзины через Ajax. Добавить в корзину в цикле продуктов WooCommerce
Гладкая карусель: выравнивание блоков по центру слайда
ASP.NET Core 8.0 MVC Ajax, передача нуля в контроллер
Поместите ребенка поверх штабелируемых секций
Как проанализировать дату из данных после загрузки страницы
Как вызвать событие при выборе даты ввода, когда значение не изменилось?
Какова цель использования символа присваивания в операторе if?
Автоматически переключать переключатели, но также иметь возможность переключаться вручную
Jquery .length продолжает возвращать 0 на странице LinkedIn
Вынести элементы массива в отдельные переменные
Похожие вопросы
Переключение панели навигации: активная проблема
Цикл JavaScript выполняется на консоли, но не в коде
Цикл JavaScript выполняется на консоли, но не в коде
SVG-анимация, примененная с маской
Почему логотипы не соответствуют друг другу?
Гладкая карусель: выравнивание блоков по центру слайда
[Angular 18]Ошибка: не удалось найти столбец с идентификатором «завершен»
Оформление текста занимает <span>s
Как предотвратить затемненное перекрытие текста с уменьшенным интервалом между буквами в html/css
Событие добавления кнопки не имеет эффекта
Спасибо, это результат и работа
https://jsfiddle.net/khbagh/pbqae32t/6/