it-swarm.com.de

jQuery-Plugin nur auf einer Seite/in einem Beitrag

Ich habe die gesamte Dokumentation im Codex gesehen, aber ich mache etwas falsch, da es nicht funktioniert!

Ich möchte dieses jQuery-Plugin ( https://github.com/davidcrawford/typist-jquery ) auf meiner Begrüßungsseite ( www.deutsch.intermediavs.com ).

Ich habe diesen Code in meine function.php eingefügt:

function my_typist() {
    if (!is_admin()) {

        wp_enqueue_script('jquery');

        wp_enqueue_script('jquery.typist', get_bloginfo('template_url') . '/wp-includes/js/jquery.typist.js', array('jquery'), '1.0', true);
    }
}
add_action('init', 'my_typist');

Und ich habe diesen Code auch auf der "Willkommensseite" mit dem HTML-Raw-Plugin eingeführt:

<!--raw-->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/wp-includes/js/jquery.typist.js">
jQuery(document).ready(function($) {

$('#terminal').typist({
  height: 300
});

$('#terminal').typist('Prompt')
  .wait(1500)
  .typist('type', 'greet')
  .typist('echo', 'Hello, world!')

});
</script>
<!--/raw-->

PS: Ich benutze das Plugin. Benutze auch Google-Bibliotheken.

links: http://codex.wordpress.org/Using_Javascript

http://codex.wordpress.org/Function_Reference/wp_enqueue_script

3
FZNB

Wenn Sie die Bibliothek "jquery.typist" nur auf einer Seite verwenden möchten, können Sie sie einfach mit der bedingten Funktion is_page() hinzufügen. Wenn Sie sie jedoch auf mehreren Seiten verwenden möchten, sollten Sie alle Ihre js-Dateien auf eine einzige Seite reduzieren und komprimieren und zwischenspeichern. Es ist besser, eine einzige js-Datei zu verwenden, die komprimiert und zwischengespeichert ist, als viele einzelne Dateien zu verwenden.

Und es sieht auch so aus, als hätten Sie die Datei in/wp-includes/js abgelegt? Es sollte sich in Ihrem Theme-Root-Ordner befinden.

Nehmen wir an, Ihre Struktur ist Themen/Mytheme. In Mytheme sollten Sie einen js-Ordner haben. Wenn ja, könnte der Code so aussehen:

function wpse_75149() {
    // add  the id on the page whare you want the script
    if ( is_page('123') ) {

        wp_enqueue_script('jquery');

        wp_enqueue_script('jquery.typist', get_template_directory_uri() . '/js/jquery.typist.js', array('jquery'), '1.0', true);
        wp_enqueue_script('custom-script', get_template_directory_uri() . '/js/myscript.js', array('jquery');
    );
    }
}
// load js in footer 
add_action('wp_footer', 'wpse_75149');

Erstellen Sie eine js-Datei namens myscript.js in Ihrem theme/js-Ordner und fügen Sie Folgendes hinzu:

jQuery(document).ready(function($) {

$('#terminal').typist({
  height: 300
});

$('#terminal').typist('Prompt')
  .wait(1500)
  .typist('type', 'greet')
  .typist('echo', 'Hello, world!')

});

http://codex.wordpress.org/Function_Reference/is_page - bedingt, um das Skript auf der rechten Seite zu drucken http : //codex.wordpress.org/Function_Reference/wp_enqueue_script - Laden von Skripten

2

Sie geben nicht den korrekten Speicherort Ihrer JS-Datei an. Ihre Datei befindet sich in:

http://www.deutsch.intermediavs.com/wp-includes/js/

aber dieses:

get_bloginfo ('template_url'). '/wp-includes/js/jquery.typist.js'

wird keine Verknüpfung dazu hergestellt, es wird versucht, einen WP-Includes-Ordner in das aktuelle Themenverzeichnis zu laden. Sie möchten stattdessen Folgendes:

home_url (). '/wp-includes/js/jquery.typist.js'

2
Steve Claridge