2

data-mini の使用をサポートする jquery モバイル アプリのすべての要素をグローバルに設定したいと思います。data-mini='true' をすべての要素の html に追加することなく、これを行うグローバルな方法はありますか?

4

3 に答える 3

3

今日、私は同様の問題に遭遇しました。私の要件は、画面解像度の検出の一部として、その場でミニバージョンに変更できるようにすることでした。とにかく、<code> $（'form *'）.data（'mini'、true）; また、私にはうまくいきませんでしたが、回避策はありますが、それは面倒です。「ミニファイ」する必要のある要素が3つあります。ボタン、テキスト入力（実際には電子メール入力）、およびテキスト領域。

使用できたボタンについては$('button').buttonMarkup({mini: true});、開発者のJSコンソールを使用して実際に機能することを確認しました。そこから$('textinput').textinput({mini: true})jquerymobileのドキュメントも見つかりましたが、これはうまくいきません。

最後に、DOMを学習した後、テキスト入力とテキスト領域にクラス「ui-mini」を追加するだけで、うまくいくようです。

要約すると、次のようになります。

$('button').buttonMarkup({mini: true});
$('input').addClass('ui-mini');
$('textarea').addClass('ui-mini');
于 2012-11-15T21:44:34.763 に答える
1

これは登録済みの機能要求です。デフォルトまたはコンテナー全体で data-mini を使用する機能を参照してください。

つまり、現在のバージョンでできる最善のことは、すべてのフォーム要素に属性を追加することです。

モバイル ページに多くの要素がないと仮定すると、それはまったく問題ではないと思います。

​$('form *')​​​​​​​​.data('mini', true);
于 2012-10-27T19:39:51.223 に答える