错误:无法找到Google翻译框架

时间:2016-08-06 10:18:40

标签: javascript jquery google-translate

在safari和ipad中

Error: Could not find Google translate frame。 这是我的代码:

<ul class="translation-links">
    <li><a href="#" class="spanish" data-lang="Spanish">Spanish</a></li>
    <li><a href="#" class="german" data-lang="German">German</a></li>
</ul>
<!-- Code provided by Google -->
<div id="google_translate_element"></div>
<script type="text/javascript">
  function googleTranslateElementInit() {
    new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');
  }
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function(){
      $('.translation-links a').click(function() {
        var lang = $(this).data('lang');
        var $frame = $('.goog-te-menu-frame:first');
        if (!$frame.size()) {
          alert("Error: Could not find Google translate frame.");
          return false;
        }
        $frame.contents().find('.goog-te-menu2-item span.text:contains('+lang+')').get(0).click();
        return false;
      });
  });
</script>    

它适用于铬和莫兹拉。但不适用于safari和ipad。

0 个答案:

没有答案