2

読んでくれてありがとう。初めての phonegap アプリケーションに i18next を追加しようとして、非常に混乱しました。私は新しい開発者なので、ばかげたことをしていると確信しています。これがブラウザー (少なくとも開発中) とデバイスで機能することを本当に望んでいます。

現時点では、初期化行で i18n が定義されていないというエラーが発生しています

index.html

<!DOCTYPE HTML>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">    
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Auth Demo 2</title>
    <link rel="stylesheet" href="/css/jquery.mobile.min.css" />
    <script type="text/javascript" charset="utf-8" src="cordova-1.8.1.js"></script>
    <script src="js/lib/zepto.min.js"></script>
    <script src="js/lib/i18next.amd.withJQuery.min.js"></script>
    <!-- <script src="js/lib/i18next.min.js"></script> -->
    <script src="js/index.js"></script> 
    <script src="main.js"></script>
</head>
<body>
    <script>
        $(document).ready(function(){
        if (navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/)) {
        document.addEventListener("deviceready", onDeviceReady, false);
        } else {
            onDeviceReady();
        }
        language_complete = navigator.language.split("-");
        language = (language_complete[0]);
        i18n.init({ lng: language }, function() {
            // save to use translation function as resources are fetched
            $("#content-div").i18n();
        });
    }); 
    function onDeviceReady() {
        startupBehavior(); 
    }   
    </script>
    <div id="appPage" data-role="page">
        <div data-role="header">
            <h1>Auth Demo</h1>
        </div>
        <div id="content-div" data-role="content">
            <h2>Auth demo</h2>
        </div>
        <div data-role="footer">
            <h4>Auth demo</h4>
        </div>
    </div>
</body>
</html>

index.js (部分)

function startupBehavior() {
    $("#content-div").children().remove(); //clear the form out
    $("#content-div").append('<form id="auth_login_form">');
    $("#content-div").append('<label for="Email" data-i18n="site.email"></label>');
    $("#content-div").append('<input type="text" id="auth_login_email" value="" data-i18n="site.email" placeholder="Email Address old" />');
    $("#content-div").append('<input type="button" id="auth_login_submit" onClick="handleLogin()">Log me in</input>');
$("#content-div").append('</form>');
}

私の唯一の考えは、i18next が zepto で動作しないか、require.js を使用する必要があるかもしれないということです。これではありません。

4

0 に答える 0