2

RequireJS、Backbone、i18next を使用して国際化されたモバイル アプリケーションを開発しています。ここに私のソースコードの一部があります:

require.config({
    paths: { 
        jquery:     'libs/jquery-1.8.2.min',
        jqm:     'libs/jquery.mobile-1.3.0.min',
        underscore: 'libs/underscore-min',
        backbone:   'libs/backbone-min',
        text:       'libs/require-text',
        fastclick:       'libs/fastclick',
        iscroll:       'libs/iscroll',
        modules:    '../modules',
        model:       '../model'
    },
    shim: {
        'libs/i18next.min': ['jquery']
    }
});

define(['app', 'jqm-config'], function(app) { 
    $(document).ready(function() { 
      console.log("DOM is ready");
    });

    app.initialize();

    require(["libs/i18next.min"], function(i18n) {
        console.log(i18n); // i18n is defined, object displayed in the console
        i18n.init({
            resGetPath: 'locales/en.json',
            getAsync: false
        }, function() {
            $("[data-i18n]").i18n();
        });
    });
});

document.addEventListener("deviceready", function(e) {
    console.log("[DEBUG] device is ready !");
}, false);

document.addEventListener("touchmove", function(e) {
    e.preventDefault();
}, false);

i18next は正常にロードされ、オブジェクト i18n は未定義ではありません。問題は、アプリケーションを実行すると、コンソールに $(...).i18n は関数ではないというメッセージが表示されることです。たとえば、次のコードは機能しています。

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Test</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1"/> 

        <script src="js/libs/jquery.js"></script>
        <script src="js/libs/i18next.js"></script>
    </head> 
<body>
    <h1 data-i18n="app.name"></h1>
    <p data-i18n="app.description"></p>

    <script type="text/javascript">
        $(document).ready(function() {
            $("[data-i18n]").i18n();
        });
    </script>
</body>
</html>

誰が問題がどこにあるか知っていますか? ありがとう ：）

編集：これが私のコンソールログです

DOM is ready // main.js (line 20)
Object { pluralExtensions={...}, sync={...}, functions={...}, more...} // main.js (line 26)
TypeError: $(...).i18n is not a function
    $("[data-i18n]").i18n(); // main.js (line 31)
4

1 に答える 1