複数の言語で PhoneGap Web アプリを開発しており、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で処理しようとしましたが成功しませんでした