Q&Aいつもお世話になっております。どなたか詳しい方ご教授くださいませ。
google翻訳をサイトに取り込みたいと考えているのですが、
レスポンシブ対応する際にサイトの設計上、
1ページに対して２回google翻訳のソースを書かなくてはなりません。
そうすると、２個目のgoogle翻訳のソースが消えてしまいます。
PC、スマホで両方共存させたいのですが、どうしてもできません。
※各google翻訳のソースにclassをつけて、displayで入れ替えてみましがたうまくいきませんでした。
どなたか詳しいかたご教授頂きたいです。
js
1<script type="text/javascript"> 2function googleTranslateElementInit() { 3 new google.translate.TranslateElement({pageLanguage: 'ja', includedLanguages: 'es,ko, layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element'); 4} 5</script> 6<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> 7
html
1<!--PC --> 2<ul id="Pnavi"> 3<li><a href="cn/"><img src="img/Pnavi01.gif" width="60" height="20" alt="中国語" class="rollover" /></a></li> 4<li><a href="en/"><img src="img/Pnavi02.gif" width="60" height="20" alt="英語" class="rollover" /></a></li> 5</ul> 6<div id="google_translate_element"></div> 7 8<!-- smartphone --> 9 <ul class="Smenu"> 10 <li><a href="menu01/">メニュー01</a></li> 11 <li><a href="menu02/">メニュー01</a></li> 12 <li><a href="menu03/">メニュー01</a></li> 13 </ul> 14 <div class="clear"></div> 15 <div id="google_translate_element"></div><!-- 2回目のgoogle翻訳が出ない -->
分かりずらい説明で申し訳ありませんが、よろしくお願い致します。
回答1件
0
何を勘違いしているか知らないけど Javascript上でIDを対象に検索した場合
一番最初に見つかる唯一のオブジェクトにしか操作をしませんよ
そもそも同じレイアウトファイル（HTMLファイル）で
<body> <!-- PC レイアウト START --> <!-- PC レイアウト END --> <!-- SP レイアウト START --> <!-- SP レイアウト END --> </body>
という書き方をしているのはレスポンシブでも何でもないです。
投稿2018/03/16 08:03
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。