JQuery Dialogステータス画像を削除する

Question

jQueryダイアログにパスワードフォームがあります。フォームが提出されたら、そのイメージを削除する必要がありますが、それは機能していないようです。誰でも私にこのことをどうやって教えてもらえますか？

これは、ダイアログのHTMLです：

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

別の試み：

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

Answer 1

をあなたが実際にan HTML form submitを使用している場合は、ページをこれは私がやっているものです

<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> 

あなたはを削除する必要はありませんので、リフレッシュされますそれ。フォームを送信してページを表示しているときにサーバー側コードを追加しないでください。 PHPやASPコード（または使用しているサーバー側の技術）でこれを行います。

HTMLフォームではなくAJAXを使用している場合は、各ボタンにidを追加し、jQuery経由でclickイベントをバインドしてみてください。ここで

はa fiddle demonstrating thisです。

<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クリックで画像を無効にする：これらのid秒追加するように変更

あなたのHTML

$("#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(); 
}