Question

我正在使用JQuery Mobile 1.2.0，并希望我的search filter bar具有样式数据-minin =“true”。我怎么能这样做？

搜索过滤栏<input type="text"由JQuery Mobile动态创建，因此我不能只将属性data-mini="true"添加到我的标记中。相反，我必须通过使用JavaScript遍历DOM来插入它，如下所示。尽管尝试调用各种refresh和create方法以使JQuery Mobile重新增强搜索过滤器栏的输入字段，但这不起作用。

这是我使用的代码的开头：

$("#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? */
    });
}

Answer 1

您正在手动创建搜索过滤器，但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');
});

如果你正在按照自己的意愿工作，这将有效。

如何将JQuery Mobile列表搜索过滤栏更改为data-mini =“true”样式？

1 个答案: