将脚本加入插件时出现的wordpress问题

Question

下面的代码用于将js/css加入到我的插件文件中。

将wpautocomplete.js入队但未附加以下代码时出现问题

但是如果将array('jquery-ui-autocomplete'，'jquery')从

    wp_register_script( 'wpautocomplete', PLUGIN_URL. '/include/js/wpautocomplete.js', array('jquery-ui-autocomplete','jquery'), '1.0.0', true );                                   

它可以工作并将wpautocomplete.js放入我的插件中，但js中的自动完成功能不起作用。

有没有人能告诉我，我是不是在下面的代码中犯了入队顺序错误？

    wp_register_style( "bootstrap", PLUGIN_URL.'/include/css/bootstrap.min.css',false); 
    wp_enqueue_style('bootstrap');
    wp_register_style( "bootstrap-theme", PLUGIN_URL.'/include/css/bootstrap-theme.css',false); 
    wp_enqueue_style('bootstrap-theme');
    wp_register_style( 'jquery-ui-styles',PLUGIN_URL.'/include/css/jquery-ui.css' );    
    wp_enqueue_style( 'jquery-ui-styles' );
    wp_deregister_script("jquery");
    wp_deregister_script("jquery-ui-autocomplete");
    wp_register_script( "jquery", PLUGIN_URL.'/include/js/jquery-1.12.4.js', false);
    wp_enqueue_script( 'jquery' );      
    wp_register_script( "jquery-ui", PLUGIN_URL.'/include/js/jquery-ui.js',false);
    wp_enqueue_script( 'jquery-ui-autocomplete' );
    wp_enqueue_script( 'jquery-ui' );                   
    wp_register_script( "custom", PLUGIN_URL.'/include/js/custom.js',false);
    wp_enqueue_script( 'custom' );  
    wp_localize_script( 'wpautocomplete', 'autocompletefunction', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ), 'nonce' => wp_create_nonce( 'wpautocomplete-nonce' )) );
    wp_register_script( 'wpautocomplete', PLUGIN_URL. '/include/js/wpautocomplete.js', array('jquery-ui-autocomplete','jquery'), '1.0.0', true );                           
    wp_enqueue_script( 'wpautocomplete' );

    wp_register_script( "bootstrap", PLUGIN_URL.'/include/js/bootstrap.min.js',false);
    wp_enqueue_script( 'bootstrap' );

Answer 1

您可以使用wp_enqueue_scripts钩子

下面是一个示例：

function enqueue_scripts() {
    wp_register_style( "bootstrap", PLUGIN_URL.'/include/css/bootstrap.min.css',false); 
    wp_enqueue_style('bootstrap');
    wp_register_style( "bootstrap-theme", PLUGIN_URL.'/include/css/bootstrap-theme.css',false); 
    wp_enqueue_style('bootstrap-theme');
    wp_register_style( 'jquery-ui-styles',PLUGIN_URL.'/include/css/jquery-ui.css' );    
    wp_enqueue_style( 'jquery-ui-styles' );
    wp_deregister_script("jquery");
    wp_deregister_script("jquery-ui-autocomplete");
    wp_register_script( "jquery", PLUGIN_URL.'/include/js/jquery-1.12.4.js', false);
    wp_enqueue_script( 'jquery' );      
    wp_register_script( "jquery-ui", PLUGIN_URL.'/include/js/jquery-ui.js',false);
    wp_enqueue_script( 'jquery-ui-autocomplete' );
    wp_enqueue_script( 'jquery-ui' );                   
    wp_register_script( "custom", PLUGIN_URL.'/include/js/custom.js',false);
    wp_enqueue_script( 'custom' );  
    wp_localize_script( 'wpautocomplete', 'autocompletefunction', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ), 'nonce' => wp_create_nonce( 'wpautocomplete-nonce' )) );
    wp_register_script( 'wpautocomplete', PLUGIN_URL. '/include/js/wpautocomplete.js', array('jquery-ui-autocomplete','jquery'), '1.0.0', true );                           
    wp_enqueue_script( 'wpautocomplete' );

    wp_register_script( "bootstrap", PLUGIN_URL.'/include/js/bootstrap.min.js',false);
    wp_enqueue_script( 'bootstrap' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_scripts' );

我希望这能对你有所帮助。