如何在 javascript 的轮播上创建动态 ID,然后 link 到 post 人口?

How to create dynamic id and then a link to a post population on a carousel with javascript?

我希望 post 传送带上的人口将我发送到 link 而不是 post,并在过期时自动删除。你应该知道我不是javascript方面的专家,我做的很基础。

这是页面 https://thecrescentbeachclub.com/events/upcoming-events/,我不知道是否有人可以帮助我改进此代码,或者创建另一个。

客户添加 posts 与特色图片,然后我们使用此模块显示轮播(他们喜欢现在显示的方式,你应该知道我没有做这个网站,所以一直很难改变客户的想法),当我添加一个自动过期器时,当事件结束时 post 被删除,这里一切都很好。情况是,在我发给你的 link 上,我添加了 link 的下一个代码,因为我不想让人们去 post,我希望他们去外部 link.

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>');

});

现在的问题是,当post被自动删除时,link是错误的,例如,第一个post的ID为1,而那个link ,但是当 expires 消失时,现在 ID 为 2 的 post 在 1 上有 link。我必须手动更改 link,这就是我们想要避免的。

有人可以帮助我使 ID 动态化,这样当 post 过期并消失时,其他人仍然会保留正确的 link 吗?希望我解释清楚了。

如果您必须从 html 中删除特定的 Id 元素。将 #1 替换为您想要删除的任何内容。

$('.qode-bct-posts #1').parent().closest('a').remove();

您需要传递 ID 才能删除特定元素。

我终于找到了一个插件,它可以让我向 post 添加一个外部 link,而不是 post 本身,所以我不需要制作这段代码工作。我不想因为当你添加更多插件时 WordPress 会变得疯狂,但客户很高兴,所以我很高兴。谢谢你的帮助。