0

JavaScript関数を実行してhtmlを別の言語に置き換えることにより、複数の言語をサポートする機能をセットアップしようとしています。スクリプトは正しく実行されているように見えますが、そうすると、JQUEry Mobile に付属するフォーマットが失われます

次のフォームを使用して交換を行っています

for (var i = 1, e; e = document.getElementById("input1_" + i); ++i)
  e.innerHTML = input[2, 1];

入力1_1、入力1_2などの形式のIDがある場合は、置き換える

実際の例を説明するための Fiddle があります。http://jsfiddle.net/eKXPU/4/を参照してください。

フィドルを試してみると、ロシア語をクリックすると、「プロパティ」が正しく変更されますが、書式設定が失われることがわかります。ロシア語の同等のものをクリックすると、折りたたみ可能なコンテンツが開きますが、フォーマットの問題のみのようです

JQuery CSS を更新する呼び出しと同じくらい簡単であることを願っていますが、その構文が何であるかはわかりません。

ありがとう

編集：追加しようとしました

$('#home').trigger('pagecreate');

スクリプトの後、 How do I refresh the CSS for a DIV loaded with external content in JQuery Mobileで返信をキーオフしましたが、それも機能しませんでした

4

1 に答える 1

1

html を動的に変更する jQuery Mobile を使用しているためです。処理された後、html は次のようになります。

<h3 id="input1_1" class="ui-collapsible-heading ui-collapsible-heading-collapsed">
    <a href="#" class="ui-collapsible-heading-toggle ui-btn ui-btn-up-c ui-fullsize ui-btn-icon-left ui-corner-top ui-corner-bottom ui-btn-up-null" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="plus" data-iconpos="left" data-theme="null" data-mini="false">
        <span class="ui-btn-inner ui-corner-top ui-corner-bottom">
            <span class="ui-btn-text">Properties
                <span class="ui-collapsible-heading-status"> click to expand contents</span>
            </span>
            <span class="ui-icon ui-icon-plus ui-icon-shadow">&nbsp;</span>
        </span>
    </a>
</h3>

ご覧のとおり、テキストにアクセスするだけでは不可能になりました。私の解決策は、このような他の意味を持たない別のスパンでテキストをラップすることです。

于 2013-01-13T00:46:20.477 に答える