Custom Plugin – CSS funktioniert, JS nicht

In dem Plugin, das ich mache, verwende ich separate js und css Dateien (____. Js, ____. Css). Dies ist das erste Mal, dass ich eine externe .js-Datei in irgendwas eingefügt habe.

Ich registriere und enqueuere beide in der Haupt-___. Php-Datei des Plugins:

function CA_register_plugin_styles() { wp_register_style( 'CA_2014_bookpage_css', plugins_url( '/CA_2014-bookpage-plugin/CA_2014_bookpage-css.css' ) ); wp_enqueue_style( 'CA_2014_bookpage_css' ); } add_action( 'wp_enqueue_scripts', 'CA_register_plugin_styles' ); function CA_register_plugin_script() { wp_register_script( 'CA_2014_bookpage_js', plugins_url( '/CA_2014-bookpage-plugin/CA_2014-bookpage-plugin.js', __FILE__) ); wp_enqueue_script( 'CA_2014_bookpage_js' ); } add_action( 'wp_enqueue_scripts', 'CA_register_plugin_script' ); 

Ich habe alles versucht, um für die JS arbeiten zu können. Es tat es nicht. (Die CSS-Stile wurden jedoch korrekt geladen.) Also habe ich gesagt, huck damit, und fügte einen direkten Verweis auf das Skript an einer richtigen Stelle innerhalb des head-Tags meiner header.php hinzu, wie folgt:

 <script src="" type="text/javascript"> 

Das hat auch nicht funktioniert. Ich habe überprüft, ob es in der Seite enthalten ist (etwas, das nie passiert ist, während ich versucht habe, es richtig einzuordnen), und das Skript-Tag mit src ist da – aber keine der functionen, die ich anrufe, ist definiert. Browser JavaScript-Konsole ist so glücklich, mir zu sagen.)

Ich kann nur schlussfolgern, dass es in meiner JavaScript-Datei einen schwerwiegenden Fehler gibt, aber JSLint konnte es nicht finden.

Also dachte ich, ich würde es in die StackOverflow-Community casting! Was könnte möglicherweise falsch sein, mit meiner JS-Datei, meiner Registrierung / Enqueueing, etc.? (Mein Plugin ist aktiv [aber nicht, wenn ich es bearbeite.] Ich benutze kein JQuery. Es gibt kein Skript-Tag innerhalb der .js-Datei. Was gibt es sonst noch?)

Die gesamte JavaScript-Datei ist unten (ohne Inhalt).

Bitte lassen Sie mich wissen, wenn Sie etwas finden! Und danke im Voraus.


  var ActiveTimeout = NaN; var FromPage = NaN; function Handle_Book() { document.getElementsByClassName("ca_book")[0].style.display = "block"; document.getElementsByClassName("ca_book")[0].style.left = "0"; FromPage = 0; //window.alert("Book Handled"); Handle_Book_Height(); document.getElementById("Book_Bar_Bottom").innerHTML = "1 of " + document.getElementsByClassName("ca_book").length.toString(); } function Handle_Book_Height() { var h = 0; var col = document.getElementsByClassName("ca_book"); for (var i = 0; i  h) { h = parseFloat(col[i].clientHeight); } } document.getElementById("Book").style.height = h.toString() + "px"; window.setTimeout(Handle_Book_Height, 250); } function Book_Button(direction) { var col = document.getElementsByClassName("ca_book"); //var from = -1; //var t = 0; //for (t = 0; t < col.length; t++) { // if (parseFloat(col[t].style.left) == 0) { // from = t; // } //} var from = FromPage; if (from == NaN) { return; } //alert(col.length); var to = from + direction; if (to = col.length) { to = 0; } //if (direction < 0) { alert("To: " + to.toString() + "; From: " + from.toString()); } /*if (ActiveTimeout != null) { clearTimeout(ActiveTimeout); ActiveTimeout = null; }*/ //if ((!(to == 0 && direction == 1)) && (!(to == col.length - 1 && direction == -1))) { if ((!(to == 0 && from == col.length - 1)) && (!(to == col.length - 1 && from == 0))) { // Non-looping case Lerp_Page(from, to, direction * 5); } else { // Looping case for (var c = 0; c  0) { pgs[to].style.left = "100%"; } else { pgs[to].style.left = "-100%"; } pgs[to].style.display = 'block'; document.getElementById("Book_Bar_Bottom").innerHTML = (to+1).toString() + " of " + document.getElementsByClassName("ca_book").length.toString(); } var dsign = 1; if (speed  0) { pgs[to].style.left = (parseFloat(pgs[to].style.left) - speed).toString() + '%'; pgs[from].style.left = (parseFloat(pgs[from].style.left) - speed).toString() + '%'; } if (parseFloat(pgs[to].style.left) * dsign <= 0) { pgs[to].style.left = '0'; pgs[from].style.display = 'none'; ActiveTimeout = null; FromPage = to; return true; } ActiveTimeout = setTimeout(function () { Lerp_Page(from, to, speed); }, 20 ); } 

Solutions Collecting From Web of "Custom Plugin – CSS funktioniert, JS nicht"

Würdest du bitte den folgenden Code auf deiner Plugin-Seite ausprobieren? wenn die Skriptdatei das Stammverzeichnis Ihres Plugins ist.

 function plugin_adding_scripts() { wp_register_script('my_test_script', plugins_url('testscript.js', __FILE__), array('jquery'),'1.1', true); wp_enqueue_script('my_test_script'); } add_action( 'wp_enqueue_scripts', 'plugin_adding_scripts' ); 

Auch: http://blog.aztora.com/add-css-js-into-wordpress-plugin/