jQuery UIダイアログ - WordpressのキャッチされていないTypeError

Question

Wordpress 4.5.3でjQuery UIダイアログを実装しようとしていますが、時間は約半分です。私は次のエラーを取得する残りの時間：

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

私は次のようにスクリプトをキューに入れ、そして、彼らはページ上の正しい順序でロード確認しました：lwr_jquery_dialog.jsで

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'); 

I持っている：

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

そしてここでは、実際のダイアログ機能はのfunctions.phpに

です

Answer 1

更新1：jquery-ui-dialogスクリプトがありません。代わりにこれを試してみてください：

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); 

---

ソースファイルの値としてfalseを使用しているので、依存関係が正しくエンキューされていません。詳細については、wp_enqueue_script()関数の$srcパラメータを参照してください。

これを試してみてください：スクリプトが正しい順序ではないよう

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);