谷歌翻译在选择

时间:2015-12-10 19:11:00

标签: javascript jquery css

当您选择语言时,是否可以从谷歌翻译选择中删除空白区域。在我的例子中,如果你选择西班牙语,你会看到很多额外的空间但是可以缩小选择并删除额外的间距,这样它就是单词的大小,可能只是在侧面有一点额外的间距,如2px还是这样?

由于我使用谷歌翻译,我无法创建一个ID,我必须使用谷歌翻译给出的值?

$(document).ready(function() {
 $('.goog-te-combo').change(function(){
    $(".goog-te-combo").html($('.goog-te-combo option:selected').text());
    $(this).width($(".goog-te-combo").width());  
 });
});

http://jsfiddle.net/bobrierton/5c1vbo2s/13/

<div id="google_translate_element"></div>                              

<script type="text/javascript">
            function googleTranslateElementInit() {
                new google.translate.TranslateElement({
                    pageLanguage: 'en', 
                    layout: google.translate.TranslateElement.InlineLayout
                }, 'google_translate_element');
            }
        </script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
</script> 

1 个答案:

答案 0 :(得分:1)

您忘记关闭ul标记了。这是更新的fiddle

jQuery选择器非常简洁,看看它们here

在我的情况下,我使用了class选择器。