it-swarm.com.de

wp_enqueue_script wird in benutzerdefinierten Designs ignoriert

Ich versuche, eine js-Datei (calculator.js) aus der functions.php-Datei meines Themas in die Warteschlange zu stellen.

Ich habe ein Desktop-Design und ein Smartphone-Design und verwende ein Plugin, um je nach Gerät des Benutzers zwischen den beiden Designs zu wechseln.

Ich habe genau den gleichen Code auf meinem Desktop-Design und er funktioniert einwandfrei. Wenn ich ihn jedoch auf mein Smartphone-Design kopiere, scheint er das Enqueue-Skript einfach zu ignorieren.

Hier ist mein Code:

function wpb_adding_scripts() {
    wp_register_script('calculator_script', get_template_directory_uri() . '/js/calculator.js', array( 'jquery' ), NULL, 'all');
    wp_enqueue_script('calculator_script');
    wp_enqueue_style( 'slider', get_template_directory_uri() . '/css/calculator.css',false,'1.1','all');
} 
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' ); 

Was ich getan habe/notiert:

  • Sichergestellt, dass die Datei functions.php tatsächlich mit einem öffnenden PHP-Tag beginnt
  • Stellen Sie sicher, dass sich alle Dateien in den richtigen Verzeichnissen befinden
  • Die Konsole meldet keine Fehler
  • Sources zeigt nicht, dass meine js-Datei geladen wird, die CSS-Datei (calculator.css) wird jedoch korrekt geladen.

Irgendwelche Einsichten, was die Ursache für dieses Problem sein könnte?

Vielen Dank.

2
Kurisubo
You can better try this way and let me know.

function wpb_adding_scripts() {
    wp_enqueue_style( 'slider', get_stylesheet_directory_uri() . '/css/calculator.css');
    wp_enqueue_script('jquery');
    wp_enqueue_script('calculator_script', get_stylesheet_directory_uri() . '/js/calculator.js');

} 
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' ); 
0
Balas

Nur ein paar Modifikationen

function wpb_adding_scripts() {
    wp_enqueue_script( 'calculator_script', get_template_directory_uri() . '/js/calculator.js', array( 'jquery' ), '', true );
    wp_enqueue_style( 'slider', get_template_directory_uri() . '/css/calculator.css' );
} 
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' ); 

verwenden Sie get_stylesheet_directory_uri () anstelle von get_template_directory_uri (), wenn sich Ihre functions.php-Datei in einem untergeordneten Design befindet.

Überprüfen Sie, ob dies funktioniert oder nicht (normalerweise funktioniert dies).

1
maverick

get_template_directory_uri verweist immer auf den übergeordneten Themenordner für Assets.

get_stylesheet_directory_uri verweist auf den "aktuellen" Themenordner für Assets (wobei es sich je nach dem, wo es aufgerufen wird, um das übergeordnete oder das untergeordnete Element handeln kann).

0
Harsh