0

Wordpressプラグインを開発しています。Wordpressのアップロードシステムを使用します。基本的に、これはアップロード用のフォーム入力です。

<input id="upload_image" type="text" value="" />
<input id="upload_image_button" type="button" value="Upload Image" />

また、他の必要なjsおよびcssファイルがキューに入れられます（含まれています）。最後に、このjavascriptはページに含まれています：

jQuery(document).ready(function() {

jQuery('#upload_image_button').click(function() {
 formfield = jQuery('#upload_image').attr('name');
 // show Wordpress' uploader modal box
 tb_show('', 'media-upload.php?type=image&amp;TB_iframe=true');
 return false;
});

window.send_to_editor = function(html) {
 // this will execute automatically when a image uploaded and then clicked to 'insert to post' button
 imgurl = jQuery('img',html).attr('src');
 // put uploaded image's url to #upload_image
 jQuery('#upload_image').val(imgurl);
 tb_remove();
}

});

それは非常にうまく機能しています、問題ありません。しかし今、私はいくつかのアップロードフォームをページに追加したいと思います。

<input class="upload_image" type="text" value="" />
<input class="upload_image_button" type="button" value="Upload Image" />

<input id="upload_image" type="text" value="" />
<input id="upload_image_button" type="button" value="Upload Image" />

<input id="upload_image" type="text" value="" />
<input id="upload_image_button" type="button" value="Upload Image" />

class="upload_image"とclass="upload_image_button"の代わりにid="upload_image"使用しましたid="upload_image_button"

次に、JavaScriptコードを更新する必要があります。

現在、いくつかのアップロードボタンがあります。しかし、これは機能していません：

jQuery(document).ready(function() {

jQuery('.upload_image_button').click(function() {
 formfield = jQuery('.upload_image_button').prev().attr('name');
 tb_show('', 'media-upload.php?type=image&amp;TB_iframe=true');
 return false;
});

window.send_to_editor = function(html) {
 imgurl = jQuery('img',html).attr('src');
 jQuery('.upload_image_button').prev().val(imgurl);
 tb_remove();
}
});

どうすれば更新できますか？

4

1 に答える 1

0 
jQuery(document).ready(function() {
var clicked = null;

jQuery('.upload_image_button').click(function() {
 clicked = jQuery(this);
 formfield = jQuery(this).prev('input').attr('name');
 tb_show('', 'media-upload.php?type=image&amp;TB_iframe=true');
 return false;
});

window.send_to_editor = function(html) {
 imgurl = jQuery('img',html).attr('src');
 clicked.prev('input').val(imgurl);
 tb_remove();
}
});
于 2012-05-30T21:52:23.750 に答える