我正在尝试构建一个管理设置页面,该页面将允许用户为他们的徽标上传图片。我正在使用本教程: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();
}
});
它工作,媒体上传窗口打开。但它不是屏幕中间的厚框弹出窗口,而是正常的,它出现在页面底部,偏向左侧并且部分被遮挡。这是它去向的屏幕截图:
关于它为什么这样做以及如何让它正确定位的任何想法?