un novato de JQuery aquí.

El siguiente código jquery para un selector de idioma (para ser utilizado en un sitio web en varios idiomas, digamos) debe mostrar el idioma activo en el que hizo clic el usuario. El problema es que después de que la página web se vuelve a cargar en el idioma elegido, el selector de idioma se establece de forma predeterminada en el idioma de la etiqueta div. No muestra el idioma elegido por el usuario.

Intenté configurar una cookie y hacer algo con ella. Aquí está el código que modifiqué usando el complemento de cookies jquery. Quería hacer que mi código verifique si hay cookies, y si hay una, establezca la variable de cookie en la etiqueta div. ¿Puede alguien mostrarme cómo puedo modificar este código?

 $(document).ready(function(){ if($.cookie('lang-switch')!=null){ $langCookie=$.cookie('lang-switch'); $("#lang-menu div").html($langCookie); } $("#lang-menu").hover( function(){ $(this).addClass("cls-border-lang"); $(this).children().eq(0).addClass("cls-borderbottom-lang"); $("#lang-menu ul").stop().slideToggle(100); }, function(){ $(this).removeClass("cls-border-lang"); $(this).children().eq(0).removeClass("cls-borderbottom-lang"); $("#lang-menu ul").stop().slideToggle(100); } ); /// click languages $("#lang-menu ul li").on("click", function(){ //select lang and apply changes var lang= $(this).html(); $.cookie('lang-switch', lang) $("#lang-menu div").html(lang); }); });