Bootstrap 的语言 3 个选择更改不起作用

Question

我正在使用 Languages for Bootstrap 3，但我无法弄清楚如何使用 jQuery 获取所选语言，甚至跨度不允许 href（我使用 alert() 来查看结果）。

语言选择器如下：

<div class="btn-group dropdown pull-right">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" >
    <span class="lang-sm lang-lbl-full" lang="en"></span> <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" >
    <li><span class="lang-sm lang-lbl-full" lang="ar" value="ar"></span></li>
    <li><span class="lang-sm lang-lbl-full" lang="en" value="en"></span></li>
    <li><span class="lang-sm lang-lbl-full" lang="fr" value="fr"></span></li>
  </ul>
</div>

Answer 1

您可以创建 javascript 来找出点击的跨度，如下所示：

function ChangeLanguage(selected) {
    alert(selected.value()); // Do whatever you want in here.
}

并像这样激活它：

<div class="btn-group dropdown pull-right">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" >
    <span class="lang-sm lang-lbl-full" lang="en"></span> <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu" >
    <li><span class="lang-sm lang-lbl-full" onclick="ChangeLanguage(this)" lang="ar" value="ar"></span></li>
    <li><span class="lang-sm lang-lbl-full" onclick="ChangeLanguage(this)" lang="en" value="en"></span></li>
    <li><span class="lang-sm lang-lbl-full" onclick="ChangeLanguage(this)" lang="fr" value="fr"></span></li>
  </ul>
</div>

Bootstrap 的语言 3 个选择更改不起作用

Languages for Bootstrap 3 selection change not working

ajax

jquery

selector