我在我的项目 (jQuery Mobile) 中实现了一个 ListView ,并添加了一个用于搜索的文本框。
但我想首先显示 ListView ,并且仅当用户单击按钮进行搜索时在列表上打开一个文本框。
这是我的代码:
<a data-role="button" href="#" class="search">Show Search box</a>
<ul data-role="listview" data-filter="true" data-filter-placeholder="Pesquisa Contacto..." data-theme="d" data-divider-theme="d" style="padding:10px 10px 10px 10px;top:10px">
<li>
<a href="index.html">
<h3>jQuery Team</h3>
<p><strong>Boston Conference Planning</strong></p>
<p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
<p class="ui-li-aside"><strong>9:18</strong>AM</p>
</a>
</li>
</ul>
JavaScript:
$(document).on('pagebeforeshow', '#p33', function () {
$('form.ui-listview-filter').hide();
});
$(document).on('click', '.search', function () {
$('form.ui-listview-filter').show();
});
最佳答案
隐藏搜索框。
$(document).on('pagebeforeshow', '#pageID', function () {
$('form.ui-listview-filter').hide();
});
在按钮点击时显示。该按钮具有 search
类。
$(document).on('click', '.search', function () {
$('form.ui-listview-filter').show();
});
关于javascript - jquery 移动搜索按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16439082/