ブートストラップモードが終了したときにイメージをリセットする方法

Question

[編集]ボタンをクリックすると、その行に関連するモーダルダイアログが開きます。 私は問題に直面しています 前の画像はリセットされていません。再現する

ステップ：最初の行で

1. 、編集ボタン（青ボタン）をクリックして
2. Aモーダルダイアログは選択画像をクリックして画像を変更する、開かれます。
3. 閉じるボタンをクリックします。
4. 最後に、Second Row Blue Butonをクリックすると、間違ったイメージが開かれます。

https://jsfiddle.net/ZcLSE/1556/

これはあなたのモーダルウィンドウが非表示のモーダルイベント内でこれを追加することで閉じられた後、フォームをリセットすることができます私のコード

$('#addEquip').on('show.bs.modal', function(e) 
{ 
     var equipmentname = $(e.relatedTarget).attr('data-equipmentname'); 
     var equipmentid = $(e.relatedTarget).attr('data-equipmentid'); 
     var equipimg = $(e.relatedTarget).attr('data-equipimg'); 
     $(e.currentTarget).find('input[name="equipname"]').val(equipmentname); 
     $(e.currentTarget).find('input[name="equipid"]').val(equipmentid); 
     $(e.currentTarget).find('input[name="equipimgtodelete"]').val(equipimg); 
     $(e.currentTarget).find('input[name="equipimg"]').val(""); 
     $("#equipmentpicimg").attr('src', equipimg); 
}); 

$('#addEquip').on('hide.bs.modal', function() 
{ 
$('#equipinsertform').bootstrapValidator('resetForm', true); 
}); 

Answer 1

です：

$(this).find('form')[0].reset(); 

また、私はhide.bs.modalの代わりにhidden.bs.modalを使用することを好む

^{hide.bs.modal：モーダルが隠れようとしているときに発生します。}

^{hidden.bs.modal：モーダルが完全に隠されているとき（CSSの遷移が完了した後で）が発生し}

このような何か：開く

$('#addEquip').on('hidden.bs.modal', function(){ 
    $(this).find('form')[0].reset(); 
}); 

Updated Fiddle