我已经编写了以下发布的代码,用于将用户输入从英语译为乌尔都语和阿拉伯语(无论选中哪个复选框)。我为此使用了谷歌音译API。但是文本根本没有被音译。有人可以指出我的代码有什么问题吗?
代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript" src="https://www.google.com/jsapi">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
google.load("elements", "1", {packages: "transliteration"});
function onLoad() {
var options_u = {
sourceLanguage: google.elements.transliteration.LanguageCode.ENGLISH,
destinationLanguage: [google.elements.transliteration.LanguageCode.URDU],
shortcutKey: 'ctrl+g',
transliterationEnabled: true
};
var options_a = {
sourceLanguage: google.elements.transliteration.LanguageCode.ENGLISH,
destinationLanguage: [google.elements.transliteration.LanguageCode.ARABIC],
shortcutKey: 'ctrl+g',
transliterationEnabled: true
};
var control_u = new google.elements.transliteration.TransliterationControl(options_u);
var control_a = new google.elements.transliteration.TransliterationControl(options_a);
control_u.makeTransliteratable(['txtUrdu']);
control_a.makeTransliteratable(['txtArabic']);
$('#txtUrdu-chk').change(function() {
if($(this).is(":checked")) {
$("#txtUrdu").val($("#txtEnglish").val());
$("#txtUrdu").focus().trigger('keypress', {keyCode: 32});
}
});
$('#txtArabic-chk').change(function() {
if($(this).is(":checked")) {
$("#txtArabic").val($("#txtEnglish").val());
$("#txtArabic").focus().trigger('keypress', {keyCode: 32});
}
});
} //end onLoad function
google.setOnLoadCallback(onLoad);
</script>
</head>
<body>
English: <input type="text" id="txtEnglish"/> <br/>
Urdu: <input type="text" id="txtUrdu"/> <input type="checkbox" id="txtUrdu-chk"/><br/>
Arabic: <input type="text" id="txtArabic"/> <input type="checkbox" id="txtArabic-chk"/>
</body>
</html>