Question

我知道有一个选项可用于输入字段（data-clear-btn-text），但如果我在listview中使用自动过滤，jQuery mobile会自动添加此输入字段。那么这里的物业名称是什么？

<ul data-role="listview" data-filter="true" data-filter-placeholder="Search fruits..." data-inset="true" data-clear-btn-text="test">

此示例在jQM 1.3.2中不起作用。

Answer 1

没有清除按钮的选项，但您可以使用某些JS和CSS覆盖它。

该按钮是普通按钮但data-iconpos="notext"，因此您需要使用.buttonMarkup()覆盖此按钮。然后在span保留按钮的名称/文本中更改文本。

$(".ui-input-clear").buttonMarkup({
  "iconpos": "left", // or right
    "mini": true // convert it into a small button
});

// change button's text
$(".ui-input-clear .ui-btn-text").css({
  "font-size": "12px",
    "padding-left": "0.5em"
}).text("Clear");

// override padding to keep it within input borders
$(".ui-input-clear .ui-btn-inner").css({
  "padding": "0.4em 1em 0.4em 1.5em"
});

<强> CSS

// to adjust button's position
.ui-input-search .ui-input-clear {
  margin-top: -16px;
}

<强> Demo

带过滤的jQuery移动列表：如何更改清除按钮文本

1 个答案: