![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
お世話になります。
Wordpressで自分のサイトを制作中で、外部JSファイルにてのブログの説明欄をそれぞれ違う言語で表示したいのですが、うまくいきません。
PHPはいじるのが怖いため、jQueryで書いていました。コードは以下になります。
----------------------------------------------------------------------
jQuery(document).ready(function() {
var loc = window.location.href;
if ("loc.includes('ja') > -1") {
jQuery('#header-page-title-inside .byline').replaceWith('<p class="byline"> 日本語説明文</p>');
}
else if("loc.include('pl') > -1") {
jQuery('#header-page-title-inside .byline').replaceWith('<p class="byline"> ポーランド語説明文 </p>');
}
else ("loc.include('en') > -1") {
jQuery('#header-page-title-inside .byline').replaceWith('<p class="byline"> 英語説明文 </p>');
}
});
----------------------------------------------------------------------
上記で試しましたが、取得したURLに関係なくまず日本語の説明文が表示されます。
Elseを抜いてIf文のみで構成するなどしましたが、やはりうまくいきません。
稚拙な構文ではございますが、どなたか力を貸してはいただけないでしょうか?
何卒よろしく願いいたします。
No.3ベストアンサー
- 回答日時:
ほそく
loc.indexOf('ja') > -1
だった場合、
loc の文字列の中が ’jaiko.com' でも日本語の説明になるよ!
どうやってURLから判断するの?
URLはhttp://ホームページ/ja/ホーム/などで多言語ページのアドレスが一定だったため、それを組み込んだのですが、確かにブログ記事などでパーマリンクにjaが入るものがありそうだったので、IF条件を変更することにしました。
変更したらきちんと動作し、テキストをそれぞれの言語に合わせて変更ができました。
お答えくださってありがとうございます。
No.2
- 回答日時:
<!DOCTYPE html>
<meta charset="UTF-8">
<html lang="ja">
<title>?</title>
<style>
body.ja h2:lang(kr),
body.ja h2:lang(cn),
body.kr h2:lang(ja),
body.kr h2:lang(cn),
body.cn h2:lang(kr),
body.cn h2:lang(ja) {
display: none;
}
</style>
<body>
<nav>
<ul>
<li><a href="?hoge=ja">日本</a>
<li><a href="?hoge=cn">中国</a>
<li><a href="?hoge=kr">韓国</a>
</ul>
</nav>
<h2 lang="ja">こんにちは</h2>
<h2 lang="kr">안녕하세요</h2>
<h2 lang="cn">您好</h2>
<script>
let
url = new URL (location.href),
params = url.searchParams,
hoge = params.get('hoge');
document.body.className = hoge || 'ja';
</script>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- PHP アコーディオンPHPが上手くいかない 3 2022/07/15 16:29
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- PHP PHPの構文で間違えが分からない 5 2022/07/11 16:38
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript jQueryローディングアニメーションのコードの以下のURL内参考サイトで提示されている 3 2023/07/03 18:29
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
タブをフリックでスライドでき...
-
[jQuery UI] sortableを使いaja...
-
readyStateが4にならない原因
-
tableのtr要素をドラッグ&ドロ...
-
jQueryでloadした部分に.jsが効...
-
ドラッグ & ドロップでのド...
-
wordpressでcookie.jsを使う
-
スライドを最後の画像で止めたい
-
Javascriptを使ってQRコード読...
-
jquery.validationEngine.js 添...
-
ボタンクリックした際、id末尾...
-
パソコンで動くjavascriptがス...
-
VBAでIEのHTMLタグの要素を操作...
-
JavascriptからPHPへのAjax通信...
-
カンマ区切りのデータを配列に...
-
SQLのmaxで求めた値を変数に代...
-
JavaScriptでtabindexの変更っ...
-
アコーディオンで多階層のメニ...
-
たくさんの経由地がある巡回ル...
-
二つのbxsliderをレスポンシブ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bxsliderで画像毎に表示時間を...
-
タブをフリックでスライドでき...
-
EPS で相対座標で円を書く方法
-
jQueryでメニューの開閉スライド
-
if文でelseが実行されない
-
選択範囲のリンク URL の抽出
-
URLによってHTMLのテキストを変...
-
ドラッグ & ドロップでのド...
-
JavascriptからPHPへのAjax通信...
-
階層別の組織図の自動作成について
-
Javascriptを使ってQRコード読...
-
Selenium4でボタンをクリックで...
-
JavaScriptでtabindexの変更っ...
-
カンマ区切りのデータを配列に...
-
readyStateが4にならない原因
-
SQLのmaxで求めた値を変数に代...
-
AjaxでJSONを受信すると、文字...
-
jQuery を外部ファイルから呼び...
-
tableのtr要素をドラッグ&ドロ...
-
FullCalendar の複数月表示につ...
おすすめ情報