Eine jQuery-Bibliothek zum Arbeiten in WordPress & Avada bekommen

Ich erstelle eine benutzerdefinierte Seitenvorlage, die diesen jQuery-Multiselektor enthalten würde, aber ich kann es scheinbar nicht funktionieren lassen, egal was ich mache.

Sowohl CSS- als auch JS-Dateien scheinen der Themen-Header-Datei hinzugefügt zu werden, aber das sehe ich immer, wenn ich den Selektor-Code einfüge:

http://i.stack.imgur.com/slgW0.png

Mein Vorlagendateicode:

 elem 1 elem 2 elem 3 elem 4 elem 100  

Meine functions.php Datei:

 function wptuts_scripts_load_cdn() { wp_register_script( 'multi-select', 'https://www.mywebsite.com/selector/js/jquery.multi-select.js', array(), null, false ); wp_register_script( 'bs4', 'https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js', array(), null, false ); } add_action( 'wp_enqueue_scripts', 'wptuts_scripts_load_cdn' ); function wptuts_styles_with_the_lot() { // Register the style like this for a theme: wp_register_style( 'custom-style', 'https://www.mywebsite.com/selector/css/multi-select.css', array(), '20120208', 'all' ); } add_action( 'wp_enqueue_scripts', 'wptuts_styles_with_the_lot' ); 

Ich verwende Avada-Thema, wenn das wichtig ist.

Was könnte das Problem hier sein?

Solutions Collecting From Web of "Eine jQuery-Bibliothek zum Arbeiten in WordPress & Avada bekommen"

Hier ist eine optimierte Version des ursprünglichen Codes. get_template_directory_uri() wird verwendet, anstatt die URLs hart zu codieren, die Skripte und Stile werden enqueud, anstatt nur registriert zu werden, und die Abhängigkeiten werden angegeben.

 < ?php function wptuts_scripts_load_cdn() { wp_enqueue_script( 'multi-select', get_template_directory_uri() . '/selector/js/jquery.multi-select.js', array( 'jquery' ), null, false ); // JavaScript for theme. Presumably where you'd want to initialize the multi-select element. //wp_enqueue_script( 'theme-scripts', get_template_directory_uri() . '/js/theme-scripts.js', array( 'jquery', 'multi-select' ), null, false ); wp_enqueue_script( 'bs4', 'https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js', array(), null, false ); } add_action( 'wp_enqueue_scripts', 'wptuts_scripts_load_cdn' ); function wptuts_styles_with_the_lot() { // Enqueue the style like this for a theme: wp_enqueue_style( 'custom-style', get_template_directory_uri() . '/selector/css/multi-select.css', array(), '20120208' ); } add_action( 'wp_enqueue_scripts', 'wptuts_styles_with_the_lot' );