WordPress Javascript Widget jQuery Abhängigkeitsproblem

Ich verwende eine lokale Neuinstallation von WP 4.0 de_GB ohne Plugins.

Ich habe einige Informationen erhalten, um ein JS-Widget in meine Website zu implementieren.

$(function() { $("#login").loginWidget({ partnerRef: 0000, }); });

Nun ist mein Verständnis, dass ich die WP jQuery-Bibliothek verwenden und alles über meine functions.php-Datei laden soll.

Hier ist was ich mache:

 /* Enable BaseKit Scripts */ function bk_embed() { wp_register_script('bk-embed-script', '//partners.basekit.com/embed.js'); wp_enqueue_script('bk-embed-script', array('jquery'), false ); } add_action('wp_enqueue_scripts', 'bk_embed'); function bk_widget() { ?>  $(function(){ $("#login").loginWidget({ partnerRef: 0000, }); });  <?php } add_action( 'wp_footer', 'bk_widget' ); 

Die Datei embed.js wird wie erwartet in die JQuery 1.11.1-Bibliothek der Hauptanzeige geladen. In der Fehlerkonsole werden jedoch immer zwei Probleme zurückgegeben.

Fehler Konsole

Solutions Collecting From Web of "WordPress Javascript Widget jQuery Abhängigkeitsproblem"

Da WordPress jQuery in keinem Konfliktmodus lädt, ist $ nicht als globale Variable verfügbar. Sie müssen explizit jQuery .

 jQuery(document).ready(function () { jQuery("#login").loginWidget({ partnerRef: 0000, }); }); 

Wenn Sie wie ich sowieso $ verwenden möchten, können Sie es an die Bereit-function übergeben.

 jQuery(document).ready(function ($) { // you can use $ normally here now $("#login").loginWidget({ partnerRef: 0000, }); }); 

Bearbeiten:

Ich dachte, es wäre nützlich hinzuzufügen, wenn Sie eine Self-Initializing-function anstelle von Dokument bereit verwenden möchten, können Sie auch diese jQuery übergeben.

 (function($) { // use $ normally now })(jQuery);