1

JQuery Mobile 1.2.0 を使用していますが、検索フィルター バーのスタイルを data-mini="true" にしたいと考えています。これどうやってするの？

検索フィルター バー<input type="text"は JQuery Mobile によって動的に作成されるため、単に属性data-mini="true"をマークアップに追加することはできません。代わりに、以下に示すように、JavaScript を使用して DOM をトラバースして挿入する必要があります。JQuery Mobile で検索フィルター バーの入力フィールドを再拡張するために、さまざまなrefreshおよびcreateメソッドを呼び出しようとしても、これは機能しませんでした。

これが私が使用したコードの始まりです：

$("#my-page").on("pageinit", function(event) {
    $("input[placeholder='Email']").each(function (index, element) {
        element.setAttribute("data-mini", "true");
        /* What goes here to make my search filter bar display in mini mode? */
    });
}
4

1 に答える 1

0

検索フィルターを手動で作成していますが、JQM は単純な属性を使用して既に作成しています。

data-filter = "true"

ただし、要素にのみ適用されるため、このようなことを行います。

$("#my-page").on("pageinit", function(event) {
    $('#my-page').find('ul').each(function(){
    $(this).attr('data-mini','true');
    $(this).attr('data-filter','true');
});

必要に応じて作業している場合、これは機能します。

于 2013-03-03T12:40:35.237 に答える