我正在尝试使用以下插件集成谷歌翻译:
https://github.com/afEkenholm/ScrollectBox
https://github.com/afEkenholm/ScrollectBox/blob/master/index.html
https://github.com/afEkenholm/ScrollectBox/blob/master/js/ScrollectBox/jquery.scrollectbox.js
我通过以下方式调用克隆的选择菜单和翻译功能:
<script type="text/javascript">
jQuery(document).ready(function($){
var selectEvent = function($el){
Translate(this); // This is the function of translation script
return false;
};
$(".selection").scrollectBox({
preset: 'dropdown',
numVisibleOptions: 4,
scrollInterval: 150,
onSelectEvent: selectEvent,
scrollOn: 'hover',
listWidth: 160
});
});
</script>
在选项更改时将页面重定向到谷歌翻译的选择菜单示例如下:
<div id = "translate">
<select onchange="Translate(this)" name="select" id="site-translator" class="selection" >
<option value="Select Language">Select Language</option>
<option value="en|af">Afrikaans</option>
<option value="en|sq">Albanian</option>
<option value="en|ar">Arabic</option>
<option value="en|hy">Armenian</option><option value="en|az">Azerbaijani</option>
<option value="en|eu">Basque</option></option>
</select>
原始选择菜单很好地执行了它的任务,而克隆的选择菜单无法将页面重定向到谷歌翻译器。
原始选择菜单和克隆选择菜单的演示如下:
有没有人很清楚这个克隆选择菜单的限制或范围。为什么页面没有通过它重定向到谷歌翻译?
任何想法都将受到欢迎。