एक निर्भरता के साथ एक स्क्रिप्ट लोड हो रहा है, एक और स्क्रिप्ट की निर्भरता उतार रहा है


9

सबसे पहले, मुझे पता है कि मेरा प्रश्न WooCommerce प्लगइन के साथ मेरे काम के संदर्भ में हो रहा है, जो सामान्य रूप से इसे ऑफ-टॉपिक बना देगा। हालांकि, मुझे लगता है कि मेरा प्रश्न संबंधित है wp_enqueue_script, इसलिए उम्मीद है कि यह अभी भी विषय पर है।

इसलिए WooCommerce admin_enqueue_scriptsहुक पर एक स्क्रिप्ट पंजीकृत कर रहा है । इस स्क्रिप्ट पर निर्भरता का एक गुच्छा आवश्यक है:

wp_register_script( 'wc-admin-meta-boxes', WC()->plugin_url() . '/assets/js/admin/meta-boxes' . $suffix . '.js', array( 'jquery', 'jquery-ui-datepicker', 'jquery-ui-sortable', 'accounting', 'round', 'ajax-chosen', 'chosen', 'plupload-all' ), WC_VERSION );

(यह पोस्ट पर विशेष रूप से पोस्ट किया गया है। उत्पाद पोस्ट के लिए new.php पोस्ट और कोड में थोड़ी देर बाद टाइप करें)

कस्टम प्लगइन में जो मैं WooCommerce के साथ काम करने के लिए लिख रहा हूं मैं उसी हुक पर एक स्क्रिप्ट लोड कर रहा हूं।

wp_enqueue_script( 'My_Plugin_Metabox', My_Plugin_Class()->plugin_url() . '/assets/js/mnm-write-panel.js', array( 'jquery', 'wc-admin-meta-boxes'), My_Plugin_Class()->version, true );

अगर मैं अपने प्लगइन की स्क्रिप्ट को एंके करता हूं और $in_footerपैरामीटर को trueबेवजह सेट करता हूं , तो jQuery UI डेटपिकर स्क्रिप्ट लोड नहीं होती है (स्रोत कोड में बिल्कुल नहीं) और कंसोल संबंधित स्क्रिप्ट त्रुटियों को दिखाता है।

अगर मैं हेडर में अपनी स्क्रिप्ट लोड करता हूं, तो यह कोई समस्या नहीं है। अगर मैं अपनी स्क्रिप्ट को wc-admin-meta-boxesनिर्भरता के बिना लोड करता हूं , तो वह भी समस्या का समाधान करता है

तो जो मैं सोच रहा हूँ, वह यह है कि पाद लेख में मेरी स्क्रिप्ट को लोड करने से कोर डेटपिकर स्क्रिप्ट को लोड करने पर प्रभाव क्यों पड़ता है? (मैं अपनी स्क्रिप्ट में डेटपिकर का उपयोग बिल्कुल नहीं कर रहा हूं।) या एक निर्भरता के रूप में वू स्क्रिप्ट क्यों नहीं होने से डेट स्क्रिप्ट पर भी असर पड़ेगा? यह मुझे लगता है कि तारीख की स्क्रिप्ट को कोई फर्क नहीं पड़ता कि वू मेटाबॉक्स स्क्रिप्ट की निर्भरता के रूप में लोड किया जाना चाहिए, लेकिन ऐसा नहीं हो रहा है।

कैसर की टिप्पणी के अनुसार, मैंने निम्नलिखित MU प्लगइन बनाया (टिप्पणियों से समायोजित क्योंकि $GLOBALS['wp_scripts']यह एक वस्तु है:

/* Plugin Name: Dump jQUI Dp */ 

add_action( 'shutdown', 'so_dump_query_ui_dependencies' );
function so_dump_query_ui_dependencies() {  
    echo 'Does jQuery UI DatePicker script exist per default in&hellip;?<br>';  
    $s = 'jquery-ui-datepicker';    
    printf( 'The registered Dependencies Array: %s', isset( $GLOBALS['wp_scripts']->registered[ $s ] ) ? 'yep ' : 'nope ' );    
    printf( 'The Dependencies loaded in the footer: %s', isset( $GLOBALS['wp_scripts']->in_footer[ $s ] ) ? 'yep ' : 'nope ' );     
    printf( 'The Dependencies printed to the DOM: %s', isset( $GLOBALS['wp_scripts']->done[ $s ] ) ? 'yep ' : 'nope ' );    
    echo 'All nope? Well, then&hellip;'; 
}

केवल WooCommerce 2.2.8 सक्रिय के साथ, परिणाम पढ़ता है:

पंजीकृत निर्भरताएँ सरणी: हाँ
पाद में लोड निर्भरताएँ: nope
डोम पर मुद्रित निर्भरताएँ:

WooCommerce 2.2.8 प्लस के साथ मेरी नई "डमी" प्लगइन का परिणाम वही पढ़ता है (चाहे मेरी स्क्रिप्ट पाद लेख में भरी हुई है या नहीं):

पंजीकृत निर्भरताएँ सरणी: हाँ
पाद में लोड निर्भरताएँ: nope
डोम पर मुद्रित निर्भरताएँ:

डमी प्लगिन

टिप्पणियों के अनुसार, यहां दूसरों के लिए समस्या को पुन: उत्पन्न करने के लिए एक डमी प्लगइन है। मैंने अपना मौजूदा प्लगइन सभी तरह से केवल उत्पाद पोस्ट प्रकार व्यवस्थापक पृष्ठों पर एक स्क्रिप्ट लोड करने के लिए नीचे छीन लिया । मैं अभी भी देख रहा हूं कि जब $in_footerगलत है और जब $in_footerसच है तो लोड नहीं किया गया है।

<?php
/*
Plugin Name: WooCommerce Dummy Plugin
Plugin URI: http://wordpress.stackexchange.com/q/168688/6477
Author: helgatheviking
Description: Enqueue a script, miraculously dequeue datepicker
*/


/**
 * The Main My_Dummy_Plugin class
 **/
if ( ! class_exists( 'My_Dummy_Plugin' ) ) :

class My_Dummy_Plugin {

    /**
     * @var My_Dummy_Plugin - the single instance of the class
     */
    protected static $_instance = null;

    /**
     * variables
     */
    public $version = '1.0.0';

    /**
     * Main My_Dummy_Plugin instance.
     *
     * Ensures only one instance of My_Dummy_Plugin is loaded or can be loaded
     *
     * @static
     * @return My_Dummy_Plugin - Main instance
     */
    public static function instance() {
        if ( is_null( self::$_instance ) ) {
            self::$_instance = new self();
        }
        return self::$_instance;
    }


    /**
     * Cloning is forbidden.
     */
    public function __clone() {
        _doing_it_wrong( __FUNCTION__, __( 'Cheatin&#8217; huh?' ) );
    }


    /**
     * Unserializing instances of this class is forbidden.
     */
    public function __wakeup() {
        _doing_it_wrong( __FUNCTION__, __( 'Cheatin&#8217; huh?' ) );
    }


    /**
     * My_Dummy_Plugin Constructor
     *
     * @access  public
     * @return  My_Dummy_Plugin
     */
    public function __construct() {

        add_action( 'admin_enqueue_scripts', array( $this, 'admin_scripts' ) );

    }


    /*-----------------------------------------------------------------------------------*/
    /* Helper Functions */
    /*-----------------------------------------------------------------------------------*/

    /**
     * Get the plugin url.
     *
     * @return string
     */
    public function plugin_url() {
        return untrailingslashit( plugins_url( '/', __FILE__ ) );
    }


    /**
     * Get the plugin path.
     *
     * @return string
     */
    public function plugin_path() {
        return untrailingslashit( plugin_dir_path( __FILE__ ) );
    }

    /*-----------------------------------------------------------------------------------*/
    /* Load scripts */
    /*-----------------------------------------------------------------------------------*/

    public function admin_scripts() {

        // Get admin screen id
        $screen = get_current_screen();

        // Product post type page only
        if ( in_array( $screen->id, array( 'product' ) ) ) {

            wp_enqueue_script( 'My_Dummy_Plugin_Metabox', $this->plugin_url() . '/assets/js/metabox.js', array( 'jquery', 'wc-admin-meta-boxes'), $this->version, true );

        }

    }

} //end class: do not remove or there will be no more guacamole for you

endif; // end class_exists check


/**
 * Returns the main instance of My_Dummy_Plugin
 *
 * @return WooCommerce
 */
function My_Dummy_Plugin() {
    return My_Dummy_Plugin::instance();
}

// Launch the whole plugin
My_Dummy_Plugin();

1
बस उत्सुक। क्या आपने पाद में कतार बनाते समय WooCommerce के ऊपर या नीचे अपनी स्क्रिप्ट्स को पंक्तिबद्ध करते हुए अपनी कार्रवाई की प्राथमिकता निर्धारित करने का प्रयास किया है? मैं समान निर्भरता का उपयोग करते हुए प्लगइन्स के साथ उदाहरणों में चला गया हूं और यह इसके हर उदाहरण को निष्क्रिय कर रहा है, और किसी कारण से इसे ठीक किया गया है। (मैंने इसे ज्यादा सोचा नहीं था)। हालांकि हैडर बनाम पाद लेख में कतार के बीच अंतर नहीं किया।
बोडा82

मुझे आश्चर्य है कि अन्य सभी टिप्पणियों का क्या हुआ? वैसे भी, @ Boda82, नहीं मैंने कोशिश नहीं की थी। लेकिन एक प्राथमिकता जोड़ने करता datepicker लोड हो रहा है रखने के लिए सही ढंग से यहाँ तक कि जब $in_footerअपने ही स्क्रिप्ट पर सच है।
हेलगेटहाइकिंग

1
यह मेरे लिए WP में एक बग की तरह दिखता है - मैंने तर्क के माध्यम से पालन नहीं किया है, लेकिन यदि आप फ़ंक्शन do_itemsको "wp- शामिल / class.wp-dependencies.php" में देखते हैं, तो 122-125 लाइनों पर कोड सिर्फ अनसेट करता है। to_do सूची में आइटम do_itemसफल होता है या नहीं । यदि आप उन पंक्तियों को बदलते हैं if ( $this->do_item( $handle, $group ) ) { $this->done[] = $handle; unset( $this->to_do[$key] ); }तो बग दूर हो जाता है ...
बॉन्ग

2
यह एक WP बग है - trac # 25247 देखें । मैंने एक पैच (gitlost c'est moi) प्रस्तावित किया।
बोंगर

@bonger निश्चित उत्तर के लिए धन्यवाद। यदि आप अपनी टिप्पणी को एक उत्तर में ले जाना चाहते हैं तो मैं इसे स्वीकार करूंगा। जाहिर है, निर्भरता नरक है।
हेलगेटहाइकिंग

जवाबों:


2

वर्तमान में आप wp_enqueue_script () का उपयोग करके पुस्तकालयों के लिए लोडिंग को बाध्य कर सकते हैं, जैसे:

wp_enqueue_script('jquery');
wp_enqueue_script('jquery-ui');

मुझे पता है कि यह अपने आप लोड हो जाता है, लेकिन यह इस तरह से काम करता है।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.