时间戳

首页 > 解决方案 > 如何在不重新加载页面的情况下更改 Bootstrap 4 按钮

bootstrap-4 - 如何在不重新加载页面的情况下更改 Bootstrap 4 按钮

问题描述

我正在尝试让 Bootstrap 4 按钮更改为不同的样式，而无需重新加载页面。

我使用主类制作了一个订阅按钮，颜色是紫色，当有人点击它并订阅时，它会变成一个二级按钮，它是灰色的，尽管它不会变成二级灰色，除非你刷新页面或者离开然后回来。

下面是一张图片来说明这一点：

订阅按钮图片

这是代码：

<a href="#" id="user_subscription" data-uid="{$user.UID}" data-subscribed="1" class="btn btn-secondary btn-bold btn-xs">{t c='user.subscribed'} <i class="fas fa-check"></i></a>
{else}
<a href="#" id="user_subscription" data-uid="{$user.UID}" data-subscribed="0" class="btn btn-primary btn-bold btn-xs" style="color:#fff;">{t c='user.subscribe'} <i class="fa fa-plus"></i></a>
{/if}

这可能吗？

标签： bootstrap-4

解决方案

推荐阅读