jQuery-UI-Dialog - Uncaught TypeError in Wordpress

Question

Ich versuche, eine WordPress 4.5.3 jQuery UI-Dialog zu implementieren, aber es funktioniert nur etwa die Hälfte der Zeit. Der Rest der Zeit, die ich die folgende Fehlermeldung erhalten:

Uncaught TypeError: jQuery(...).dialog is not a function lwr_jquery_dialog.js(2) 

ich die Skripte die Warteschlange eingereiht haben sich wie folgt, und überprüft sie auf der Seite in der richtigen Reihenfolge zu laden:

function enqueue_jquery_dialog() { 

    wp_enqueue_script('jquery-ui-dialog', false, array('jquery','jquery-ui-core'), 
     false, true); 
    wp_enqueue_script('lwr_dialog', get_stylesheet_directory_uri() . 
     '/js/lwr_jquery_dialog.js', array('jquery-ui-dialog'));   
} 
add_action('wp_enqueue_scripts', 'enqueue_jquery_dialog'); 

In lwr_jquery_dialog.js I hat:

jQuery(document).ready(function() { 
    jQuery('#dialog').dialog({ 
     width: 600, 
     modal: true, 
     resizable: false, 
     draggable: false, 
    }); 
}); 

Und hier ist die eigentliche Dialog-Funktion in der functions.php

function add_jquery_dialog() { 
    ?> 
    <div id="dialog" title="Today Only"> 
      DIALOG TEXT HERE 
    </div> 
<?php 
} 
add_action('wp_footer', 'add_jquery_dialog'); 

Answer 1

Update 1: Sie vermissen jquery-ui-dialog Skript. Versuchen Sie stattdessen:

add_action('wp_enqueue_scripts', function() 
{ 
    $theme_uri = get_stylesheet_directory_uri(); 

    wp_enqueue_script('lwr-jquery-dialog', $theme_uri . '/js/lwr_jquery_dialog.js', 
['jquery-ui-core', 'jquery-ui-dialog'], false, true); 
}, 10, 0); 

---

Da Sie verwenden false als Wert der Quelldatei werden die Abhängigkeiten nicht korrekt eingereiht. Siehe $src Parameter von wp_enqueue_script() Funktion für weitere Informationen.

Versuchen Sie folgendes:

add_action('wp_enqueue_scripts', function() 
{ 
    $theme_uri = get_stylesheet_directory_uri(); 

    wp_enqueue_script('lwr-jquery-dialog', $theme_uri . '/js/lwr_jquery_dialog.js', 
['jquery-core', 'jquery-ui-core'], false, true); 
}, 10, 0);