Question

我有以下功能在Wordpress插件的主php文件中打开Wordpress Media Uploader。问题是让javascript开火：

function media_uploader_enqueue() {
    wp_enqueue_media();
    wp_register_script( 'media-uploader', plugins_url( 'media-lib-uploader.js' , __FILE__ ), array( 'jquery', NULL, false ) );
    wp_enqueue_script( 'media-uploader');
}
add_action( 'admin_enqueue_scripts', 'media_uploader_enqueue');

以及media-lib-uploader.js中的以下内容

jQuery(document).ready(function($){
var mediaUploader;

$('#upload_image_button').click(function(e) {
e.preventDefault();
  if (mediaUploader) {
  mediaUploader.open();
  return;
}
mediaUploader = wp.media.frames.file_frame = wp.media({
  title: 'Choose Image',
  button: {
  text: 'Choose Image'
}, multiple: false });
mediaUploader.on('select', function() {
  var attachment = mediaUploader.state().get('selection').first().toJSON();
  $('#background_image').val(attachment.url);
});
mediaUploader.open();
});
});

这是设置页面的html：

<input type="text" id="background_image" name="background_image" value="<?php echo get_option('background_image'); ?>" /><input id="upload_image_button" class="button" type="button" value="Upload Image" />

我在代码中找不到错误。我甚至试过了;

wp_deregister_script

我是否正确注册并加入了javascript？或者javascript本身有问题吗？

Answer 1

修复了我的主插件php文件中所有其他函数之前定义此函数的问题。简单！

Wordpress Media Uploader寄存器＆amp;正确排队javascript

1 个答案: