Javascript 选择2-在最大选项限制消息中使用链接

因此，我只希望我的用户能够选择3个选项，然后才能收到一条消息，将他们引导到升级页面

我已经成功地显示了带有链接的消息，但是用户无法单击它。到达该页面的唯一方法是右键单击并在新选项卡/窗口中打开

Javascript:

$(".js-source-states-2").select2({
  maximumSelectionSize: 3,
  formatSelectionTooBig: function (limit) {

  // Callback

  return 'You can only select 3 items (Upgrade to <a target="_blank" href="/charges/new">Premium</a>)';
  },
  placeholder: "Select Condition(s)"
});

$（.js-source-states-2”）。选择2({
最大选择大小：3，
formatSelectionTooBig:函数（限制）{
//回拨
return“您只能选择3个项目（升级到）”；
},
占位符：“选择条件”
});

正如我所想：

但是，该链接是不可单击的，即使光标更改为允许您在其上方悬停且链接显示在浏览器的左下角后单击

---

目前，我刚刚将PREMIUM文本设置为粗体，这样用户就不会对无法单击链接的原因感到困惑。我猜Select2正在其“容器”中捕获单击事件以进行自定义处理。Select2可能会变得相当复杂。你能举一个JSFIDLE或CodePen的例子吗？这将更容易尝试和修复。我会做一个jsfiddle，当我回到家里的笔记本电脑时更新帖子。感谢您对可能发生的情况提出建议。目前，我刚刚将PREMIUM文本设置为粗体，这样用户就不会对他们无法单击链接的原因感到困惑。我猜Select2正在其“容器”中捕获单击事件以进行自定义处理。Select2可能会变得相当复杂。你能举一个JSFIDLE或CodePen的例子吗？这将更容易尝试和修复。我会做一个jsfiddle，当我回到家里的笔记本电脑时更新帖子。谢谢你提出可能发生的事情。