画像アップロード後にアップロードボタンを無効にするhttp://valums.com/ajax-upload/

Question

私はvalums ajax fileupload：http://valums.com/ajax-upload/を使用しています。画像をアップロードする際にアップロードボタンを無効にしたい場合は、「削除」と「表示」の横に2つのボタンを追加します。どのように私は既存のJSファイルを使用してこれを行うでしょう。

Answer 1

これらはを使用してdelegateeventhandlerにあなたが持っている要素をdynamicallyを追加しているので、あなたは、ボタンのクリックを削除し、表示処理のために、その後

$.ajax({ 
.... 
.... 
.... 
success:function(resposne){ 
    // do something 
    $('#upload').attr("disabled", true); 
    $('#upload').parent().append('<input type="button" value="delete" id="delete"/> 
           <input type="view" value="click" id="view"/>'); 
    }  
}); 

以下のようにそれを行うことができます。 normalclickhandlerは、dynamically要素を追加しても機能しません。アップロードボタンを 「upload_button」のIDと、追加する2つのボタンがある場合

$('body').on("click","#delete",function(){ 
// do the delete operation 
}); 

$('body').on("click","#view",function(){ 
// do the view operation 
}); 

Answer 2

私たちができることはすべて推測ですが、2つの要素があると仮定すると、id = 'upload-button-container'という要素の子であるid = 'upload-button'以下のような何か：

$("#upload-button").hide(); 
$("#upload-button-container").append($("<button type='button'>Delete</button><button type='button'>View</button>")); 

Answer 3

だから、すでにそこにはなく、隠されています。 （クラス「hidden_​​btn」付き）

jQueryを使って、あなたがこれを行うことができます：あなたのコードの一部を示す

$("#upload_button").attr("disabled","disabled") 
$(".hidden_btn").show()