перезарядка JQuery $ (функция() внутри функции

Question

У меня есть Js приложение, которое загружает на странице загрузки.

var lang = 'en'; 
    i18n.setLng(lang, function(err, t) { /* loading done */console.log('loaded ' + lang) }); 

    $(function() { 
     Mirador({ 
     "id": "viewer", 
     "layout": "1x1" 
     }); 
    }); 

Однако я хотел, чтобы иметь возможность динамически переключать язык, поэтому добавил небольшой язык переключатель.

Html

<div id="switch">English</div> 
    <div id="viewer"></div> 

JS

$('#switch').click(function(){ 
    if(lang==='de') { 
     lang = 'en'; 
    $("#switch").html("Other"); 
    } else { 
    lang = 'de'; 
    $("#switch").html("English"); 

    } 
    }); 

Но хотя он меняет переменную lang, она не перезагружает приложение mirador. Я понимаю, что хочу перезагрузить страницу, но с новой переменной Im, просто борющейся за правильный синтаксис

Answer 1

$ (function() {}); это функция готовности документа. Это запускается автоматически, когда документ страницы готов в браузере. Вам не нужно вызывать его внутри любой другой функции. Даже вы можете называть функцию Mirador несколько раз, как вам нужно. В моем примере Mirador вызывается, когда документ готов к состоянию, а также когда пользователь нажимает и меняет язык. Настройки функции Mirador, которые вы можете сделать в соответствии с вашими потребностями

$(function() { 
     Mirador({ 
     "id": "viewer", 
     "layout": "1x1" 
     }); 

$('#switch').click(function(){ 
    if(lang==='de') { 
     lang = 'en'; 
    //reload app page 
    } else { 
    lang = 'de'; 
    $("#switch").html("English"); 
// reload app page 
    } 
    }); 

});