Javascript auf einer Seite einbauen - page 2

bitcoin4free
(@bitcoin4free)

vor 6 Jahren, 4 Monaten
Hallo zusammen
Ich bin neu bei wordpress und bin gerade dabei meine Webseite von einem anderem Anbieter nach WordPress zu migrieren.
Soweit hat bis jetzt alles ganz gut geklappt, nur habe ich auf einer Seite ein script am laufen, was in wordpress nicht so recht funktionieren will.
Dieses script soll auch nur auf dieser Seite aufgerufen werden und steht eigentlich im Header
Ich gebe euch jetzt einfach mal den Headerinhalt welcher auf der alten Seite u.A. benutz wird.
```
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="eigen/style.css">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
  <script src="calculator/main.js"></script>
</head>
```
Mir geht es nicht um das CSS (das ist eh hinfällig und wurde neu erstellt, sondern lediglich um die Einbindung der script Abfragen in WordPress.
Wäre echt dankbar für eure Ratschläge

Ansicht von 4 Antworten - 16 bis 19 (von insgesamt 19)

← 1 2

Thread-Starter bitcoin4free
(@bitcoin4free)

vor 6 Jahren, 3 Monaten

Was mir gerade aufgefallen ist, im Texteditor von WP wird mir immer <div ng-app="app-calculator" ng-controller="mainController" ng-cloak> entfernt, nachdem ich die Vorschau angewählt habe. hier ist jetzt die richtige URL zur Webseite http://denni.ddns.net/mining/calculator/

Moderator Torsten Landsiedel
(@zodiac1978)

vor 6 Jahren, 3 Monaten

In deinem Beispiel bindest du JQuery 3 ein. WP kommt standardmäßig mit der letzten jQuery 1 Version. Benötigt AngularJS vielleicht die 3er von jQuery?

Gruß, Torsten
Thread-Starter bitcoin4free
(@bitcoin4free)

vor 6 Jahren, 3 Monaten
In deinem Beispiel bindest du JQuery 3 ein. WP kommt standardmäßig mit der letzten jQuery 1 Version. Benötigt AngularJS vielleicht die 3er von jQuery?

Gruß, Torsten

Hallo Torsten,

gm. der funktions.php sollte doch eigentlich AngularJS 1.6.4 eingebunden werden.
```
function bitcoin4free_child_styles() { 
wp_deregister_style( 'bitcoin4free-style'); 
wp_register_style('bitcoin4free-style', get_template_directory_uri(). '/style.css'); 
wp_enqueue_style('bitcoin4free-style', get_template_directory_uri(). '/style.css'); 
wp_enqueue_style( 'childtheme-style', get_stylesheet_directory_uri().'/style.css', 
array('bitcoin4free-style') ); 
} 
add_action( 'wp_enqueue_scripts', 'twentyseventeen_child_styles' ); 

add_action( 'wp_enqueue_scripts', 'my_javascript' );
function my_javascript() {
  if( is_page( 'calculator' ) ) {	
    wp_enqueue_script( 'angularjs', 'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"', array(), '1.6.4', false );
    wp_enqueue_script( 'calculator', get_template_directory_uri() . '/js/calculator.js', array( 'angularjs' ), false, false );
	wp_enqueue_script( 'bootstrap', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"', array(), '3.3.7', false );
	

  }
}
```
auch mit <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> in der Original html funktioniert das ganze aber eben leider nicht in WordPress
Moderator Bego Mario Garde
(@pixolin)

vor 6 Jahren, 3 Monaten

Moderationshinweis: Crossposting.

Ansicht von 4 Antworten - 16 bis 19 (von insgesamt 19)

← 1 2

Das Thema „Javascript auf einer Seite einbauen“ ist für neue Antworten geschlossen.

Ansichten