Question

我想用阿拉伯语打开我的网站函数 googleTranslateElementInit() {

                    new google.translate.TranslateElement({pageLanguage: 'ar', layout: 
                    google.translate.TranslateElement.InlineLayout.SIMPLE}, 
                    'google_translate_element');
                }

我正在使用此功能，但它不起作用

Answer 1

您可以使用此 html 和脚本：

function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'ar/ar'
  }, 'google_translate_element');
}

var flags = document.getElementsByClassName('flag_link');

function getData(lang, img) {

  var lang = lang;
  var languageSelect = document.querySelector("select.goog-te-combo");
  languageSelect.value = lang;
  languageSelect.dispatchEvent(new Event("change"));

  $('#selectedImg').attr("src", img);
  localStorage.setItem('langFlag', img);
}

langFlag = localStorage.getItem('langFlag');
if (langFlag) {
  $('#selectedImg').attr("src", langFlag);
} else {
  $('#selectedImg').attr("src", 'https://nomadtvgroup.com/flag/flag-of-United-States-of-America.jpg');
}

<div class="lag">
  <div id="google_translate_element"></div>
  <div class="dropdown">
    <button class="btn btn-secondary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <img class="img-fluid" id="selectedImg" src="https://kadlien.com/flag/flag-of-United-States-of-America.jpg" alt="" style="width:36px;">
                              </button>
    <div class="dropdown-menu">
      <a href="#" onclick="getData('en','https://kadlien.com/flag/flag-of-United-States-of-America.jpg')" class="dropdown-item flag_link eng" data-lang="en"><img class="img-fluid" src="https://kadlien.com/flag/flag-of-United-States-of-America.jpg" alt=""></a>
      <a href="#" onclick="getData('ar','https://kadlien.com/flag/flag-of-Saudi-Arabia.jpg')" class="dropdown-item flag_link ar" data-lang="ar"><img class="img-fluid" src="https://kadlien.com/flag/flag-of-Saudi-Arabia.jpg" alt=""></a>
      <a href="#" onclick="getData('hi','https://kadlien.com/flag/flag-of-India.jpg')" class="dropdown-item flag_link hi" data-lang="hi"><img class="img-fluid" src="https://kadlien.com/flag/flag-of-India.jpg" alt=""></a>
      <a href="#" onclick="getData('de','https://kadlien.com/flag/flag-of-Germany.jpg')" class="dropdown-item flag_link de" data-lang="de"><img class="img-fluid" src="https://kadlien.com/flag/flag-of-Germany.jpg" alt=""></a>
      <a href="#" onclick="getData('es','https://kadlien.com/flag/flag-of-Spain.jpg')" class="dropdown-item flag_link es" data-lang="es"><img class="img-fluid" src="https://kadlien.com/flag/flag-of-Spain.jpg" alt=""></a>
      <a href="#" onclick="getData('fr','https://kadlien.com/flag/french_southern_territories_texture.jpg')" class="dropdown-item flag_link fr" data-lang="fr"><img class="img-fluid" src="https://kadlien.com/flag/french_southern_territories_texture.jpg" alt=""></a>
    </div>
  </div>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

  <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

如何在 php 中使用谷歌翻译器设置默认阿拉伯语

1 个答案: