Jquery, j'ai un div il est cliquable sauf quand je l'ai mis dans wordpress

Question

Je ne peux pas obtenir mon jquery pour travailler dans wordpress même si si c'est sur une page normale .htm cela fonctionne très bien.

je suis en train de cliquer sur quelque chose et le feu d'une alerte

$(document).ready(function() { 
    $("#blue").click(function() { 
     alert("Hello world!"); 
    }); 
    }); 

cela fonctionne normalement dans un fichier .htm, mais quand je le coller dans le fichier d'en-tête de ma page wordpress, rien ne se passe quand je cliquez sur la div.

<div id="blue" style="display:table-cell;width:50px;height:50px;background-color:blue;"></div> 

par la façon dont la div ressemble à ceci sur ma page wordpress

<div id="menu" style="position:absolute;top:0px;height:50px;width:100%;background-color:black;text-align:center;"> 
<div id="menuTable" style="width:800px;margin-left:auto;margin-right:auto;display:block;"> 
<div id="a1" class="start" >Andie</div> 
<div id="a2" class="start" >Work</div> 
<div id="a3" class="start" >Play</div> 
<div id="a4" class="start" >Dream</div> 
</div> 
</div> 

Answer 1

Je ne vois pas le div id = bleu sur votre page wordpress.

Je vois un div avec id = menu qui ressemble le similaire. Assurez-vous que votre JavaScript référence le nouvel identifiant.

$(document).ready(function() { 
    $("#menu").click(function() { 
     alert("Hello world!"); 
    }); 
    }); 

Answer 2

corrigé .. J'ai dû ajouter le fichier jquery google de google? vous savez, celui qui fait fonctionner la jquery .. je pensais que wordpress avait un ........ ahhhh ... inhouse un mais ça ne fonctionnait pas du tout