WordPress图像上传器显示在错误的位置

时间:2012-12-07 15:01:20

标签: wordpress wordpress-plugin wordpress-theming

我正在尝试构建一个管理员设置页面,允许用户上传其徽标的图像。我正在使用本教程:http://www.webmaster-source.com/2010/01/08/using-the-wordpress-uploader-in-your-plugin-or-theme/

我已将其更改为添加脚本以排队而不是打印,这是现在的最佳做法。我的代码如下:

function my_admin_scripts() {
wp_enqueue_script('media-upload');
wp_enqueue_script('thickbox');
wp_register_script('my-upload', get_stylesheet_directory_uri().'/bigg-options.js', array('jquery','media-upload','thickbox'));
wp_enqueue_script('my-upload');
}

function my_admin_styles() {
wp_enqueue_style('thickbox');
}

if (isset($_GET['page']) && $_GET['page'] == 'bigg_options') {
add_action('admin_enqueue_scripts', 'my_admin_scripts');
add_action('admin_enqueue_styles', 'my_admin_styles');
}

和Javascript:

jQuery(document).ready(function() {

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

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

});

工作正常,媒体上传窗口打开。但它不是屏幕中间的厚盒弹出窗口,而是正常情况下,它出现在页面底部,从左侧开始,部分遮挡。这是一个屏幕截图:

Upload error screenshot

关于它为什么这样做的任何想法,以及如何使它正确定位?

1 个答案:

答案 0 :(得分:0)

&modal=true

中使用tb_show()
tb_show('', 'media-upload.php?type=image&modal=true');

我相信您还需要添加widthheight