Image Uploader öffnet Modal nicht im Widget

Ich stecke am Anfang meines benutzerdefinierten Widgets fest 🙂 Wenn ich auf den Button klicke, der Modal mit WP MediaUploader öffnen soll, wird es nicht geöffnet. Ich habe JS für das Widget in functionen und benutzerdefinierte JS geladen und zeigen keine Fehler. Ich habe auch versucht, diese Tasten zu einfachen Metabox hinzufügen und es funktioniert, aber kein Ergebnis in Widget.

Widget PHP

class Deo_Profile_Widget extends WP_Widget { // setup the widget name, description etc. function __construct() { $widget_ops = array( 'classname' => "deo_profile_widget", 'desciption' => 'Custom Profile Widget', ); parent::__construct( 'deo_profile', 'Deo Profile', $widget_ops); } // update of the widget function update( $new_instance, $old_instance ) { $instance = $old_instance; return $instance; } // back-end display of widget function form( $instance ) { ?>    <?php } // front-end display of widget function widget( $args, $instance ) { echo "Hey"; } } add_action( 'widgets_init', function() { register_widget( 'Deo_Profile_Widget' ); }); 

Widget JS

 (function($){ /* WordPress Media Uploader -------------------------------------------------------*/ var addButton = $('#image-upload-button'); var deleteButton = $('#image-delete-button'); var hiddenField = $('#image-hidden-field'); var mediaUploader = wp.media.frames.file_frame = wp.media({ title: 'Select an Image', button: { text: 'Use This Image' }, multiple: false }); addButton.on('click', function(e) { e.preventDefault(); if ( mediaUploader ) { mediaUploader.open(); return; } }); })(jQuery); 

Solutions Collecting From Web of "Image Uploader öffnet Modal nicht im Widget"

Nach vielen Stunden des Testens und Erkundens habe ich endlich gefunden, was das Problem verursacht hat. Wenn ich der Schaltfläche class hinzufüge, funktioniert sie. Aber keine class, nur class deo-btn .

Also, das wird funktionieren:

  

Und das ist nicht:

  

Auch das wird nicht funktionieren:

  

Was wirklich komisch ist, dass ich immer noch Button in JS mit ID Image-Upload-Button auswähle