小部件保存后WordPress媒体上传失败

  • Z时代
  • 2024-01-10
  • 分类：问答

所以基本上，我保存小部件的那一刻，就不能再打开媒体上传器。返回的错误是小部件保存后WordPress媒体上传失败

Uncaught TypeError: Cannot read property 'value' of null
时选择的图像（这会导致负载scripts.php），并且没有错误（和仍媒体上传不显示）时被保存后选择无图像

。

TL;博士回调控件节省

后停止响应我使用的JS代码：

jQuery(document).ready(function($){ 
var custom_uploader; 
$('.custom_media_upload').click(function(e) { 
    e.preventDefault(); 
    //If the uploader object has already been created, reopen the dialog 
    if (custom_uploader) { 
     custom_uploader.open(); 
     return; 
    } 
    //Extend the wp.media object 
    custom_uploader = wp.media.frames.file_frame = wp.media({ 
     title: 'Choose Image', 
     button: { 
      text: 'Choose Image' 
     }, 
     multiple: false 
    }); 
    //When a file is selected, grab the URL and set it as the text field's value 
    custom_uploader.on('select', function() { 
     attachment = custom_uploader.state().get('selection').first().toJSON(); 
     $('.custom_media_url').val(attachment.url); 
    }); 
    //Open the uploader dialog 
    custom_uploader.open(); 
    return true; 
}); 
});

小部件的PHP代码是

<img class="custom_media_image" src="<?php if ($instance['image'] != '') echo esc_attr($image); ?>" style="max-width:100px; float:left; margin: 0px  10px 0px 0px; display:inline-block;" /> 
<input class="custom_media_url" id="" type="text" name="<?php echo $this->get_field_name('image'); ?>" value="<?php echo esc_attr($image); ?>" style="margin-bottom:10px; clear:right;"> 
<a href="#" class="button custom_media_upload">Upload</a>

可能是什么问题？

编辑：它看起来像回调得到清除。当我通过控制台连接相同的回调时，ite似乎再次起作用。

回答：

我仍然不知道为什么jQuery的钩子在小部件保存时被清除。我通过向锚点添加onclick标记并更改函数的签名来解决此问题。

以上是 小部件保存后WordPress媒体上传失败 的全部内容， 来源链接： utcz.com/qa/265808.html

回到顶部