web-dev-qa-db-fra.com

Puis-je inclure Javascript/jQuery dans une page?

Je suis extrêmement nouveau dans Wordpress et j'ai proposé d'aider avec un projet qui l'utilise.

Dans une nouvelle page que je suis en train de créer, je dois utiliser javascript/jQuery pour écrire le code HTML de manière dynamique - cela ne semble pas fonctionner? Je crois avoir lu qu'il y avait quelque chose de spécial à faire, mais je n'arrive pas à comprendre. J'ai essayé de changer le $ en jQuery, mais cela n'a pas fonctionné non plus.

<script type="text/javascript">
$(document).ready(function(){
     alert('hoi');
     jQuery.ajax({
        type: "GET",
        url: "link-here",
        dataType: "text",
        success: function(data) {alert(CSVToArray(data));}
        error: function(){ alert('error');}
     });
</script>

J'ai ceci en haut - la alert n'est même pas appelée. Comment puis-je obtenir ce travail?

Edit On dirait que jQuery est chargé pour tous sauf la page admin - correct?

//jQuery Insert From Google
if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
function my_jquery_enqueue() {
   wp_deregister_script('jquery');
   wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js", false, null);
   wp_enqueue_script('jquery');
}

Modifier deux On dirait que le code que j'ai écrit est encapsulé dans des balises <p>. Cela doit signifier que le script n'appartient pas au New Page. Où doit aller le code?

1
Cody

Vous devez vous assurer que jQuery est chargé pour pouvoir l'utiliser.

Dans functions.php:

function namespace_enqueue_scripts() {
    if ( is_page( 'slug-of-new-page-you-are-creating' ) )
        wp_enqueue_script('jquery');
}
add_action( 'wp_enqueue_scripts', 'namespace_enqueue_scripts' );
2
Just Thomas Misund

Ah, maintenant je me sens bête. Le problème était de savoir comment je mettais le script dans la page.

Cela a résolu mon problème:

<script type="text/javascript"><!--//--><![CDATA[//><!--
 alert('hoi');
 //--><!]]></script>

Utiliser Javascript

0
Cody