UPDATE: 我已更正以下代码，以反映解决我问题的答案。

我已经创建了一个自定义管理页面，并设法使我的所有字段和保存按钮都能正常工作。

在上述自定义管理页面中，我有一个“上载配置文件图像”按钮。该按钮工作正常，在触发“上载媒体”窗口方面，有一个问题，第一次单击该按钮不起作用。一旦我完成了第一次“错误单击”，所有后续的单击都会起作用，直到我重新加载页面，第一次单击不再起作用。

这是我第一次正确地使用JavaScript，所以我不完全确定错误在哪里。下面是我正在使用的JavaScript代码：

jQuery(document).ready(function($){

    var mediaUploader;

    $(\'#upload-button\').on(\'click\',function(e) {
        e.preventDefault();
        if( mediaUploader ){
            mediaUploader.open();
                return; 
        }

        mediaUploader = wp.media.frames.fle_frame = wp.media({
            title: \'Choose a Profile Picture\',
            button: {
                text: \'Choose Picture\'
            },
            multiple: false
        })

        mediaUploader.on(\'select\', function(){
            attachment = mediaUploader.state().get(\'selection\').first().toJSON();
            $(\'#profile-picture\').val(attachment.url); //Was missing this line.
        });

        mediaUploader.open(); //As soon as I entered this line here, it resolved my \'double click\' issue.

    });

});