JQuery Dialog удалить изображение статуса - PullRequest
Новая
       2

JQuery Dialog удалить изображение статуса

0 голосов
/ 15 декабря 2011

У меня есть форма пароля в диалоговом окне jQuery. После отправки формы мне нужно удалить это изображение, но это, похоже, не работает. Может кто-нибудь сказать мне, как это сделать, пожалуйста?

Это HTML-код диалога: 

<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
<div class="ui-dialog-buttonset">
<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-state-hover" type="button" role="button" aria-disabled="false">
<span class="ui-button-text">Retrieve it</span>
</button>
<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button" role="button" aria-disabled="false">
<span class="ui-button-text">Cancel</span>
</button>
</div>
<img id="password-status" class="progressStatus" title="Status" alt="Status" src="/Content/alert/progress.gif" style="">
</div>

Вот что я делаю: 

$("#password-status").remove().fadeOut();

Еще одна попытка: 

 $(".ui-dialog-buttonpane").remove($("#password-status").fadeOut());

1 Ответ

0 голосов
/ 15 декабря 2011

Если вы на самом деле используете отправку HTML-формы , страница будет обновлена, поэтому вам не придется удалять ее. Сделайте свой серверный код просто не добавляйте его при просмотре страницы с формой отправки. Вы будете делать это в коде PHP или ASP (или любой другой технологии на стороне сервера).

Если вы используете AJAX вместо формы HTML, попробуйте добавить id к каждой кнопке и связать событие click с помощью jQuery.

Вот скрипка, демонстрирующая это .

Ваш HTML изменен для добавления этих id s: 

<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
  <div class="ui-dialog-buttonset">
    <button id="retrieve-button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-state-hover" type="button" role="button" aria-disabled="false">
      <span class="ui-button-text">Retrieve it</span>
    </button>
    <button id="cancel-button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button" role="button" aria-disabled="false">
      <span class="ui-button-text">Cancel</span>
    </button>
  </div>
  <img id="password-status" class="progressStatus" title="Status" alt="Status"
       src="/Content/alert/progress.gif">
</div>

JS для отключения изображения при клике: 

$("#retrieve-button").click(function() {
    // Todo: Add submit https AJAX call here, and bind success to removeImages.
    // For now, we'll just call it directly
    removeImages();
});

function removeImages() {
    $("#password-status").remove().fadeOut();
}
...