Wie fügen Sie Bootstrap und JQuery Javascripts richtig hinzu?

Ich entwickle meine WordPress Theme mit Material Bootstrap Design (MDB), eine Material-Variante, die Bootstrap 4 und seinen eigenen Code verwendet.

Es erfordert die Verwendung der folgenden Skripte

        

Ich hatte einfach diese am unteren Rand meiner footer.php . Aber jetzt habe ich gelesen, dass ich Javascripts korrekt zu WordPress hinzufügen sollte, dh, indem ich in die Warteschlange einfüge.

Bisher habe ich das benutzt …

 // Add Javascripts for my Bootstrap theme function bootstrap_scripts_with_jquery() { // Register the script like this for a theme: wp_enqueue_script( 'bootstra-jquery', get_stylesheet_directory_uri() . '/mdb/js/jquery-2.2.3.min.js', array( 'jquery' ) ); wp_enqueue_script( 'bootstrap-jquery-min', get_stylesheet_directory_uri() . '/mdb/js/jquery.min.js' ); wp_enqueue_script( 'bootstrap', get_stylesheet_directory_uri() . '/mdb/js/bootstrap.min.js' ); wp_enqueue_script( 'bootstrap-material', get_stylesheet_directory_uri() . '/mdb/js/mdb.min.js' ); } add_action( 'wp_enqueue_scripts', 'bootstrap_scripts_with_jquery' ); // http://stackoverflow.com/questions/26583978/how-to-load-bootstrap-script-and-style-in-functions-php-wordpress 

Das funktioniert bis zu einem gewissen Punkt – es fügt dem Code meine vier Zeilen hinzu (obwohl ich nicht weiß, ob es auf diese Weise einen Unterschied macht).

Ich sehe jedoch auch zwei übriggebliebene / default JS-Zeilen in meiner Kopfzeile, die ich nicht hinzugefügt habe …

       

Und ich sehe immer noch diese Zeile in der Fußzeile, obwohl ich sie nicht hinzugefügt habe (ich denke, ich möchte das hier lassen, oder?) …

  

Die Hauptfrage ist also – wie soll ich damit umgehen, dass WordPress jquery.js?ver=1.12.4 und jquery-migrate.min.js?ver=1.4.1 wenn mein Theme diese nicht jquery-migrate.min.js?ver=1.4.1 ? Gibt es hier einen Konflikt? Wenn WordPress ‘eigene JQuery durch die Übergabe einer Versionsnummer bedient wird, ist es möglich, dass ich sie zwingen kann, v2.2.3 zu verwenden, wie von meinem Theme gefordert? Und was ist mit dieser “migrieren” Version?

Mir ist bewusst, dass Sie Skripte aus der Warteschlange entfernen können und gelesen haben, dass Sie eine benutzerdefinierte Version mit einem Filter oder ähnlichem erzwingen können. Aber ich habe auch gelesen, dass Sie nicht daran arbeiten sollten, die WordPress-Standardversion von JQuery zu entfernen.

Ich bin verwirrt.

Und muss ich CSS einreihen?

Solutions Collecting From Web of "Wie fügen Sie Bootstrap und JQuery Javascripts richtig hinzu?"

WordPress lädt jQuery, weil Plugins und Themes davon ausgehen. Wenn Sie eine andere Version von jQuery für Ihr Theme haben möchten, besteht das Risiko, dass Plugins, die Sie möglicherweise verwenden, nicht funktionieren, da sie (wenn sie gut gepflegt werden) so konzipiert sind, dass sie mit der Standardjquery funktionieren .

Das heißt, wenn Sie darauf bestehen, Ihre eigene Version von jQuery zu verwenden, können Sie sie einfach wieder abmelden, wie Sie herausgefunden haben. Wenn Sie keine öffentliche Veröffentlichung Ihres Themas planen, können Sie die Konsequenzen steuern.

Und ja, Sie sollten Stile auch in die Warteschlange stellen . Der Grund dafür ist, dass Sie Abhängigkeiten festlegen können, was wichtig ist, wenn Sie beispielsweise ein untergeordnetes Thema erstellen und die übergeordneten Stile abmelden möchten.

Vielleicht ist das nicht so viel von einer WordPress-Frage. Aber soweit ich das gesehen habe, funktioniert das Bootstrap 4 mit jQuery 1.2.0. Getestet Simon Padburys Bootstrap 4 Starter Theme für WordPress, die WordPress onboard (vorregistriert) jQuery in die Warteschlange stellen.

https://github.com/SimonPadbury/b4st/blob/master/functions/enqueues.php