Question

我正在开发一个包含多种语言的PhoneGap网络应用，我正在使用jQuery-Localize来做。我让它在一个简单的静态页面上运行，但是当我将它与jQuery-Mobile集成时它不起作用。

这是我的简单测试页：

<div data-role="page" id="pageHome">
<script type="text/javascript">
    $("#pageHome").live('pagecreate', function() {
        $("[rel*=localize]").localize("index");
    });
</script>
<div data-theme="a" data-role="header">
    <h3>Home</h3>
    <div data-role="navbar" data-iconpos="top">
        <ul>
            <li><a href="#pageUne" rel="localize[one]" data-theme="" data-icon="home" class="ui-btn-active">no</a></li>
            <li><a href="#pageTwo" rel="localize[two]" data-theme="" data-icon="star">no</a></li>
            <li><a href="#pageThree" rel="localize[three]" data-theme="a" data-icon="check">no</a></li>
        </ul>
    </div>
</div>
<div id="content" data-role="content">
    <div><b>Welcome!</b></div>
</div>

我在PhoneGap控制台中收到下一条消息：

未捕获的SyntaxError：http://code.jquery.com/jquery-1.6.4.min.js:2
处的意外字符串

我试图处理 pagebeforecreate 和 pageInit 的活动而没有成功

Answer 1

以下是您的问题的示例答案 http://www.funcion13.com/2012/04/03/traduciendo-aplicaciones-de-jquery-mobile/

Answer 2

如果有人正在寻找英文答案，请看此链接： https://github.com/coderifous/jquery-localize/issues/15

JQM将大量自己的东西添加到DOM中，因此调用jquery-localize会破坏所有这些工作，从而导致奇怪的结果。要解决它，请在JQM执行此操作之前调用localize。以上链接的一个例子：

$(document).on('pagecreate','#home',function(event){
      $("[rel*=localize]").localize("index")
});

Answer 3

HTMLed.js专为Jquery mobile开发。重量轻。在GitHub Link

上查看框架

可能有帮助!!

jQuery-Localize不适用于jQuery Mobile？

3 个答案: