Question

下面的代码用于将js / css排入我的pluign文件。

将wpautocomplete.js排队并且没有附加以下代码存在问题

但如果我从

中删除数组（'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中的自动完成功能无效。

任何人都可以指导我，我在下面的代码中使用入队顺序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 hook

以下是一个例子：

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

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

将脚本排入插件的wordpress问题

1 个答案: