Как скрыть кнопку «Удалить» в текстовом поле, которое появляется при наборе текста в jQuery mobile

0

Я хочу удалить кнопку удаления в текстовом поле, которое появляется, когда вы вводите что-либо в jQuery mobile. Когда я нажимаю кнопку сброса, текстовое поле очищается, но кнопка удаления не скрыта.

Вот jsfiddle.

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('');
 });
  • 0
    Не удалось найти элемент с классом ui-icon-delete
  • 0
    когда вы вводите что-либо в текстовое поле справа, появляется кнопка удаления, если вы проверяете это. будет отображаться как <span class = "ui-icon ui-icon-delete ui-icon-shadow"> & nbsp; </ span> посетить ссылку jsfiddle
Показать ещё 1 комментарий
Теги:
jquery-mobile
jquery-mobile-button

2 ответа

0

Это помогло мне, проведя пару часов, чтобы понять это. Я программно нажал кнопку в jquery

jsfiddle

  $('#btnReset').on('click', function (e) {
     $(".ui-icon-delete").trigger('click');      
 });

подробнее http://demos.jquerymobile.com/1.0a2/experiments/api-viewer/docs/trigger/

Поделиться
0 
$('#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();
});

Используйте этот скрипт.

скрипка

Поделиться
  • 0
    он постоянно удаляет его, когда я набираю что-нибудь, что больше не отображается. когда я набираю что-нибудь, ui-input-clear должно показываться снова
  • 0
    @skhurams Я обновил ответ и поиграл.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню