wordpress 上传表单 javascript 帮助答案

【问题标题】：wordpress upload form javascript helpwordpress 上传表单 javascript 帮助
【发布时间】：2011-10-15 17:29:05
【问题描述】：

我有一个带有自定义管理面板的自定义模板，我有一个使用灯箱中的 wordpress 媒体上传器的图像上传器。

结构如下：

textbox 1 - browse 1
textbox 2 - browse 2
textbox 3 - browse 3

如果我点击浏览 1，弹出窗口会出现，如果我点击“插入帖子”，灯箱媒体上传器将消失并返回一个图片网址。

但问题是 url 附加到 3 文本框，我只点击浏览 1，。我的预期结果是，如果我单击浏览 1，它应该附加在文本框 1 中，依此类推。

这是我的代码

jQuery('.op_upload_image_button').each(function() {
    jQuery(this).click(function() {
        formfield = jQuery(this).parent().find('.op_upload_image').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('.op_upload_image').val(imgurl);
        tb_remove();
    }
});

【问题讨论】：

我不完全明白你在追求什么。也许您可以尝试逐步解释您希望发生的事情（即使目前没有）。

标签： javascript jquery wordpress

【解决方案1】：

jQuery('.op_upload_image_button3').click(function() {
    jQuery(this).click(function() {
        formfield = jQuery(this).parent().find('.op_upload_image3').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('.op_upload_image3').val(imgurl);
        tb_remove();
    }
});

只需更改按钮和文本字段类的类名。

【讨论】：

【解决方案2】：

从问题中不确定，但我想知道这是否是因为所有三个文本框都是 .op_upload_image 并且这个位 jQuery('.op_upload_image').val(imgurl); 引用了最后一个文本框？

【讨论】：

我每个都使用 jQUery，这样我就可以获得放置返回 url 的特定区域。但是如何将变量从 click 函数传递给 window.send_to_editor？