2012-12-07 34 views
0

我正在嘗試建立一個管理員設置頁面,允許用戶上傳圖片作爲他們的徽標。我正在使用這個教程:http://www.webmaster-source.com/2010/01/08/using-the-wordpress-uploader-in-your-plugin-or-theme/WordPress圖片上傳器顯示在錯誤的地方

我已經改變它來添加腳本來排隊而不是打印,因爲現在是最佳實踐。我的代碼如下:

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

爲什麼它是這樣做的任何想法,以及如何得到它的正確定位?

+0

是不是沒有JavaScript錯誤被轉儲?那麼[WP_DEBUG](http://codex.wordpress.org/Debugging_in_WordPress)如何? – brasofilo

回答

0

使用&modal=true在您的tb_show()

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

我相信你還需要在widthheight增加。