pointer-events: none
CSS プロパティを<a>
タグに追加できます。リンクはもうクリックできません。
コメントで言及したプランカーを次の変更で更新しました。
no-click-link
クラスを CSSに追加します。
.no-click-link {
pointer-events: none;
}
<a>
このクラスをタグに追加します。
<div id="status-buttons" class="text-center">
<a class="no-click-link" ui-sref-active="active" ui-sref=".profile"><span>1</span> Profile</a>
<a class="no-click-link" ui-sref-active="active" ui-sref=".interests"><span>2</span> Interests</a>
<a class="no-click-link" ui-sref-active="active" ui-sref=".payment"><span>3</span> Payment</a>
</div>