如何隐藏在jQuery mobile中键入任何内容时显示的文本框中的删除按钮
提问于 2014-04-16 02:51:51
我想删除文本框中的删除按钮，当您在jQuery手机中键入任何内容时会显示该按钮。单击“重置”按钮时，文本框清除，但“删除”按钮不隐藏。
这是小提琴。
html
<div id="dvSearch" data-role="fieldcontain" class="ui-hide-label" data-theme="a">
<div class="clsNote">Entrer le nom du membre que vous desirez contacter</div>
<label id="lblSearch" for="txtsearch">Search</label>
<input type="search" id="txtsearch" data-i18n="[placeholder]attr.placeholderSearch;" data-theme="b" />
</div>
<a href="javascript:void(0);" id="btnReset" class="LnkButton ui-icon-alt ui-btn ui-btn-up-a ui-shadow ui-btn-corner-all ui-btn-inline" data-theme="a" data-role="button" data-inline="true" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span">
<span class="ui-btn-inner">
<span class="ui-btn-text">Reset</span>
</span>
</a>jQuery
$('#btnReset').on('click', function (e) {
// $(".ui-icon-delete").hide();//**this line doesnt work**
$("#txtsearch").val('');
});
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-04-16 03:39:07
这帮了我花了几个小时才弄明白的。我编程地单击了jquery中的按钮。
$('#btnReset').on('click', function (e) {
$(".ui-icon-delete").trigger('click');
});有关详细信息，http://demos.jquerymobile.com/1.0a2/experiments/api-viewer/docs/trigger/
Stack Overflow用户
发布于 2014-04-16 03:00:18
$('#btnReset').on('click', function (e) {
$(".ui-input-clear").hide();
$("#txtsearch").val('');
});
$('#txtsearch').keyup(function(){
var content = $('#txtsearch').val();
if(content != '')
{
$(".ui-input-clear").show();
}
else
{
$(".ui-input-clear").hide();
}
});
$(".ui-input-clear").click(function(){
$(this).hide();
});用这个脚本。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23107337
复制
腾讯云开发者
