1

我正在使用 JQuery Mobile 1.2.0，并且希望我的搜索过滤器栏的样式为 data-mini="true"。我怎样才能做到这一点？

搜索过滤器栏<input type="text"是由 JQuery Mobile 动态创建的，所以我不能只将属性添加data-mini="true"到我的标记中。相反，我必须通过使用 JavaScript 遍历 DOM 来插入它，如下所示。尽管尝试调用各种刷新和创建方法来让 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? */
    });
}
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 回答