次の問題があります。ウェブサイトを翻訳するために、jQuery Localizeプラグインを使用しています。これはうまくいきます。ただし、フラグと言語を使用して CSS スタイルの選択ボックスが必要であり、別のオプションが選択されている場合は$("[data-localize]").localize("example", { language: $(this).attr('value')
、ページを翻訳するために呼び出しを行う必要があります。
私が現在使用しているこのコードは、プレーンでスタイルのない選択ボックスでうまく機能します。
<script type="text/javascript">
$(function() {
$('#polyglot-language-options').change(function() {
if ($(this).attr('value') == "en") {
$("[data-localize]").localize("example", {
language: $(this).attr('value')
});
}
else if ($(this).attr('value') == "nl") {
location.reload();
}
});
});
</script>
でもスタイリングしたいので、「ポリグロット」言語スイッチャーを統合してみました。ただし、現在のコードは機能しません。
$("[data.localize]").localize(); をどのように統合できますか? このコードの関数:
$('#polyglotLanguageSwitcher').polyglotLanguageSwitcher({
effect: 'fade'
});