Javascript 实现语言切换器

Javascript 实现语言切换器,javascript,python,html,django,Javascript,Python,Html,Django,这里是使用的css,我使用了booostrap默认值。它使用的是静态值,这让我在一定程度上确定了脚本和HTML部分的问题 。下拉切换::after{ 显示:内联块; 左边距:0.255em; 垂直对齐:0.255em; 内容:“; 边框顶部:0.3em实心; 右边框:0.3em实心透明; 边界底部:0; 左边框:0.3em实心透明; } .下拉菜单{ 位置:绝对位置; 最高:100%; 左:0; z指数:1000; 显示:无; 最小宽度:10雷姆; 填充:0.5rem 0; 保证金:0.125

这里是使用的css,我使用了booostrap默认值。它使用的是静态值,这让我在一定程度上确定了脚本和HTML部分的问题

。下拉切换::after{
显示:内联块;
左边距:0.255em;
垂直对齐:0.255em;
内容:“;
边框顶部:0.3em实心;
右边框:0.3em实心透明;
边界底部:0;
左边框:0.3em实心透明;
}
.下拉菜单{
位置:绝对位置;
最高:100%;
左:0;
z指数:1000;
显示:无;
最小宽度:10雷姆;
填充:0.5rem 0;
保证金:0.1250雷姆;
字号:1rem;
颜色:#212529;
文本对齐:左对齐;
列表样式:无;
背景色:#fff;
背景剪辑:填充框;
边框:1px实心rgba(0,0,0,0.15);
边界半径:0.25雷姆;
}
.下拉项{
显示:块;
宽度:100%;
填充:0.25rem 1rem;
明确:两者皆有;
字体大小:400;
颜色:#212529;
文本对齐:继承;
文字装饰:无;
空白:nowrap;
背景色:透明;
边界:0;

}
我尝试获取语言代码,而不是显示国旗图像,它对我有效

{%csrf\u令牌%}
    • {%get_当前语言为语言代码%} {%get_可用语言为语言%} {%get_language_info_list for LANGUAGES as LANGUAGES%} {%用于语言中的语言%}
    • {%endfor%}

请在您的帖子中包含此标记的CSS;它可能没有正确显示内容。@MaxLemieux我已经编辑了后处理程序,很可能您的应用程序逻辑是正确的,并且标志显示问题与样式有关。