在這個問題上,我發現了很多類似的問題,但沒有一個能真正回答我的情況,所以我決定發布一個新的問題:
我有一個頁面,有幾個隱藏的部分(相同的內容有不同的語言)。
我有一個頁面,有幾個隱藏的部分(同樣的內容有不同的語言)。隱藏的部分根據語言的下拉選單顯示(我使用jQuery,它只在同一頁面隱藏/顯示部分--頁面的URL保持不變),這一切都在作業。然而,我需要找到一種方法,讓人們在到達頁面時選擇他們的語言,而不是默認的語言--英語。
我將使用以下任何一種方法。(example.com/page/#german)或(example.com/page/?german),但它需要與現有的jQuery和HTML掛鉤,以便該URL資訊能夠選擇正確的語言。我怎樣才能做到這一點呢?
這是語言選擇器的HTML:
<select id="language_selector">
<option value="german"/span>> Deutsch</option>。
<option value="chinese" selected > English</option>
<option value="spanish"/span>> Espa?ol</option>。
<option value="french"/span>> Fran?ais</option>。
</select>/span>
而這是我使用的jQuery代碼,只顯示所選語言的HTML內容(基于ID):
hideAllDivs = function (/span>) {
$("#English").hide() 。
$("#French").hide()。
$("#German").hide()。
$("#Spanish").hide()。
};
handleNewSelection = function () {
hideAllDivs()。
switch ($(this).val() } {
case 'chinese':
$("#English").show() 。
break。
case 'french'/span>:
$("#French"/span>).show()。
break。
case 'german'/span>:
$("#German"/span>).show()。
break。
case 'spanish'/span>:
$("#Spanish").show()。
}
};
我在想這樣做的方法是獲得URL值,只選擇引數,然后將其傳遞給jQuery以選擇正確的選項,但我不知道如何做到這一點,同時不破壞我現有的語言選擇器(我仍然希望人們能夠手動改變他們的語言)
uj5u.com熱心網友回復: //url : 'example.com/page?language=german';
let language = (new URLSearchParams(window. location.search).get('language') ? 'chinese';
$('#language_selector').val(語言)。
handleNewSelection()。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/319542.html
標籤:
