como carregar Javascript no plugin do WordPress

Alguém pode me mostrar como include este arquivo javascript no meu plugin wordpress. Eu tentei todos os methods wp_enqeue_script (), mas nada acontece.

ok aqui é meu exemplo de código de plugin com comentários explicando o que eu gostaria.

 

este é o popup.js

  function popup(){ alert('hello there this is a test popup') }    

Alguém também sabe como chamar esse script para funcionar corretamente no plugin wordpress?

Você precisa especificar quando a carga deve acontecer, tente isso.

  

Além disso, há erros no seu JS, mas eu vi a versão correta em algumas respostas, espero que isso ajude

Atualização: existe um gancho chamado wp_enqueue_scripts, conforme mencionado por @brasofilo, que deve ser usado em vez de init para carregar scripts.

Aprender a trabalhar dentro da estrutura do WP pode ser frustrante.

E, aprender a trazer o javascript pode ser ainda mais frustrante.

Então, todos aqui contribuíram com algo de valor, no entanto você precisa reunir tudo. Assim:

Primeiro:
Remova sua linha de inclusão. Você não precisa disso.

Segundo:
Certifique-se de que a variável $ src em seu código seja de fato o caminho correto. Eu adicionaria um:

 echo $src; 

PARA TESTAR se a localização estiver correta.

Terceiro: Aghoshx está correto – você DEVE ter a referência do gancho:

 add_action('init','popup'); 

(Uma vez que você nomeou o popup de function, é isso que eu coloquei – SEMPRE, para evitar collections de nome de function com outras funções e plugins do WP, eu recomendo que você o altere para algo mais único, como o aghoshx foi proposto)

Quarto: Verifique se o seu script é LOADING. Depois de fazer os passos 1-3 acima, vá atualizar a página WP e fazer uma “fonte de visualização”. Procure o seu arquivo de script. Se você estiver no Firefox, você pode realmente CLICAR no url e ele irá carregá-lo – se você estiver no IE, então copie-cole a url na barra de URL e veja se, de fato, seu arquivo está LÁ (se assim for, é Carregando. Se NÃO, então NÃO está carregando o arquivo corretamente, e você precisa corrigir o caminho que você está configurando na variável $ src).

Quinto: uma vez que você obtém o acima pregado, o cillíssimo está certo – você precisa remover tudo, MAS a function javascript (você mesmo remove as tags) do arquivo javascript.

Finalmente: olhe para a resposta de Martti Laines – você precisa vincular o evento usando o seu window.addEventListener sugerido, OU ELSE modifique a tag em seu modelo de php para conter o onload = “popup” (como você teve no arquivo de script).

Um último sugestão:

jQuery faz muitas coisas muito mais fácil. É muito fácil trazer jQuery para o seu plug-in WP. Basta adicionar isso na sua function popup php:

 enqueue_script('jquery'); 

Boa sorte!

Você está incluindo HTML em seu arquivo .js e você nunca adicionou um ponto-e-vírgula ao final do alerta (). Talvez tente ter isso em seu popup.js:

 function popup(){ alert('hello there this is a test popup'); } 

E então, no seu HTML, adicione onload="popup()" à etiqueta do corpo.

popup.js só deve popup.js código JavaScript, sem HTML. Experimente isso (em popup.js )

 function popup(){ alert('hello there this is a test popup'); } window.addEventListener('load',function(event){popup();},false); 

Ou simplesmente:

 window.addEventListener('load',function(event){ alert('hello there this is a test popup'); },false);