ブートストラップ3選択の言語が機能しない

Question

私はLanguages for Bootstrap 3を使用していますが、jQueryを使用して選択した言語を取得する方法や、スパンでもhrefを許可しない方法を知ることができません）。

言語セレクタは以下の通りです：

<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>