多页申请中的翻译

时间:2016-02-02 05:48:32

标签: javascript jquery html

我正致力于混合多页申请。我的问题是下拉列表选择选项没有响应或我能够点击它,但它是响应或工作,当我删除页面加载块

var pagesHistory = [];
var currentPage = {};
var path = "";
var busyIndicator = null;


function wlCommonInit(){

    busyIndicator = new WL.BusyIndicator( null, {text : ''});

    // Special case for Windows Phone 8 only.
    if (WL.Client.getEnvironment() == WL.Environment.WINDOWS_PHONE_8) {
        path = "/www/default/";
    }

    $('#languages').bind('change', languageChanged);
     var locale = WL.App.getDeviceLocale();
        var lang = WL.App.getDeviceLanguage();
        WL.Logger.debug(">> Detected locale: " + locale);
        WL.Logger.debug(">> Detected language: " + lang);

        if (locale.indexOf("en")!=-1) languageChanged("english");
        if (locale.indexOf("ar")!=-1) languageChanged("arabic");
    function languageChanged(lang) {
        if (typeof(lang)!="string")
            lang = $("#languages").val();

        switch (lang){
            case "english":
                setEnglish();
                break;
            case "arabic":
                setArabic();
                break;
        }

        if ($("#languages").val()=="arabic") 
            $("#wrapper").css({direction: 'rtl'});
        else 
            $("#wrapper").css({direction: 'ltr'});
        $("#loginusername").html(Messages.loginusername);   
        $("#loginpassword").html(Messages.loginpassword);
        $("#actionsLabel").html(Messages.actionsLabel);

    }
    $("#pageload").load(path + "pages/loginpage.html", function(){
        $('#loginwrapper').hide();
        $.getScript(path + "js/loginpage.js", function() {

            if (currentPage.init) {
                currentPage.init();
            }
                        $('#loginwrapper').fadeIn(5000);

        });
    });

}

HTML

<!DOCTYPE HTML>
<html>
        <head>
            <meta charset="UTF-8">
            <title>hrapp</title>
            <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">

            <link rel="stylesheet" href="css/main.css">
            <script>window.$ = window.jQuery = WLJQ;</script>

        </head>
        <body>
            <div id="w1wap">
<label for="languages" id="actionsLabel" class="translate"></label>
            <select id="languages">
                <option value="" selected="selected">--Select--</option>
                <option value="english" id="englishLanguage" class="translate"></option>
                <option value="arabic" id="arabicLanguage" class="translate"></option>
            </select>
            </div>  

            <div id="pageload">
            </div>

            <script src="js/initOptions.js"></script>
            <script src="js/main.js"></script>
            <script src="js/messages.js"></script>
        </body>
</html>

0 个答案:

没有答案