Question

我正在使用每个帖子的编辑页面上的自定义元数据的wordpress博客此元文件由表组成，每行包含从媒体库中选择的图像src。

现在添加的每个新行都有一个id：
第1行：img_metabox_src_0
第2行：img_metabox_src_1
第3行：img_metabox_src_2

表标题如下：

----图片＆lt; img＆gt; ------ | ------- URL（输入文本框）------ | --------选择图像（输入提交）------ | -----删除图像（输入提交）--------

现在，单击任何行上的“选择图像”，我从jquery检索行索引，然后发送：“img_metabox_src _”+索引到file_frame.on（'select'，function（）用于url update。

即

 jQuery('tr #select_image').off().on('click', function( event ){

event.preventDefault();


var row_index = jQuery(this).closest('tr').index();
var id = "img_metabox_src_" + row_index;

//******** 1 ***********
console.log('row_index');
console.log(row_index);

console.log(id);
console.log(jQuery('#' + id));


if ( file_frame ) {
file_frame.open();
return;
}


file_frame = wp.media.frames.file_frame = wp.media({
                                        title: "Select/Upload Image",
                                        button: {
                                                text: "Select",
                                                },
                                        library : { type : 'image'},
                                        multiple: false
                                       });


file_frame.on( 'select', function() {
                         attachment = file_frame.state().get('selection').first().toJSON();

                         // "mca_features_tray" is the ID of my text field that will receive the image
                         // I'm getting the ID rather than the URL:

                         // but you could get the URL instead by doing something like this:
                         //******** 2 ***********
                         console.log(id);
                         console.log(jQuery('#' + id));
                         jQuery('#' + id).attr('value',attachment.url);
                         id = null;
});

现在，

案例1：当我第一次点击行index3时，URL会在img_metabox_src_3上更新。

案例2：但是在我点击的那一行之后，网址会在img_metabox_src_3上更新。

另外，在添加日志时，我得到了

（对于案例2，说我点击了行索引1）：

// ******** 1 ***********
行索引：1
id：img_metabox_src_1

// ******** 2 ***********
id：img_metabox_src_3

即。在 file_frame.on（'select'，function（）{，
ID值更改为首次单击的值。

请帮助知道如何将更新的行索引/ id传递给select函数

Answer 1

谢谢，我使用了全球概念：

function set_row_index (ind){
row_index = ind;
}

function get_row_index(){
return row_index;
}

jQuery(document).ready(function(){

jQuery('tr input.select_media_library').off().on('click', function( event ){

event.preventDefault();
var index = jQuery(this).closest('tr').index();
**set_row_index(index);**
.
.
.

file_frame.on( 'select', function() {
                         attachment = file_frame.state().get('selection').first().toJSON();
                         **index = get_row_index();**
                         var id = "img_src_" + index;
                         jQuery('#' + id).attr('value',attachment.url);
                  });
file_frame.open();
});

WP媒体库 - 选择功能不更新ID更新的行索引

1 个答案: