#javascript #jquery #html #css #carousel
#javascript #jquery ( jquery ) #HTML #css — код #карусель
Вопрос:
Я бы хотел, чтобы совокупность в карусели сообщений отправляла меня по ссылке, а не на сообщение, а по истечении срока действия автоматически удалялась. Вы должны знать, что я не эксперт в javascript, я сделал это очень просто.
Это страница https://thecrescentbeachclub.com/events/upcoming-events / и я не знаю, может ли кто-нибудь помочь мне улучшить этот код или, может быть, создать еще один.
Клиент добавляет сообщения с избранными изображениями, а затем мы используем этот модуль для отображения карусели (им нравится, как отображается сейчас, вы должны знать, что я не делал этот веб-сайт, поэтому было сложно изменить мнение клиентов), и когда я добавил автоматический expirer, который, когда событие завершается, отображает карусель.сообщение удалено, здесь все хорошо. Ситуация такова, что в ссылке, которую я вам отправил, я добавил следующий код для ссылки, потому что я не хочу, чтобы люди переходили на сообщение, я хочу, чтобы они переходили по внешней ссылке.
jQuery(function($){
$('.qode-bct-posts .qode-bct-post').each(function(){
$(this).attr('id',$(this).index() 1);
});
$('.qode-bct-posts .qode-bct-post .qode-bct-post-image img').each(function(){
$(this).unwrap();
});
$('#1').wrap('<a style="width: 100%; display: inline-block; vertical-align: top;" href="https://www.eventbrite.com/e/easter-at-the-beach-buffet-brunch-tickets-58504343065" target="_blank" itemprop="url"></a>');
$('#2').wrap('<a style="width: 100%; display: inline-block; vertical-align: top;" href="#" target="_blank" itemprop="url"></a>');
$('#3').wrap('<a style="width: 100%; display: inline-block; vertical-align: top;" href="#" target="_blank" itemprop="url"></a>');
});
Теперь проблема в том, что когда сообщение удаляется автоматически, ссылка неверна, например, первое сообщение имеет идентификатор 1 с этой ссылкой, но по истечении срока действия исчезает, и теперь сообщение с идентификатором 2 имеет ссылку на 1. Я должен изменить ссылку вручную, и это то, чего мы хотим избежать.
Может ли кто-нибудь помочь мне сделать идентификатор динамическим, чтобы по истечении срока действия сообщения и исчезновение остальных сохраняли правильную ссылку? Надеюсь, я объяснил себя.
Комментарии:
1. Почему вы не можете просто удалить html для этого элемента из карусели вместо этого.
2. Извините, я не думаю, что понимаю ваш вопрос. Проблема не в том, чтобы удалить, проблема в том, чтобы автоматически удаляться по истечении срока действия сообщения. Не могли бы вы подробнее рассказать о своем предложении?
3. Из вашего вопроса я понял, как удалить конкретный элемент из carousal, который также удалит ссылку, не переходящую на другой присутствующий элемент carousal. Поправьте меня, если я ошибаюсь.
4. На самом деле я добавил плагин, который автоматически удаляет сообщения с истекшим сроком действия, но ссылка добавляется с приведенным выше кодом, так что на самом деле она не привязана, но, поскольку вы упомянули об этом, код, который удаляет сообщение и ссылку, будет отличным вместо плагина, но я понятия не имею, как можноЯ это делаю.
Ответ №1:
Если вам нужно удалить определенный элемент Id из вашего html. Замените # 1 на то, что вы хотели бы удалить.
$('.qode-bct-posts #1').parent().closest('a').remove();
Вам нужно будет передать идентификатор, чтобы удалить определенный элемент.
Комментарии:
1. Хорошо, но мне нужно что-то автоматическое. Может быть, код, который распознает, есть ли одно или два или три сообщения, и когда одно из них удаляется
Ответ №2:
Я закончил поиск плагина, который позволит мне добавлять внешнюю ссылку на сообщение вместо самого сообщения, поэтому мне не нужно заставлять этот код работать. Я не хотел, потому что WordPress сходит с ума, когда вы добавляете больше плагинов, но клиент доволен, поэтому я доволен. Спасибо за помощь.