Jquery tema (Problema)

Resolvido Morishita Designer
(@morishita-designer)

12 anos, 7 meses atrás

Bom dia pessoal, estou com um problema no meu tema apenas no jquery que nao funciona..
li sobre os conflitos e tal ja tentei de tudo e mesmo assim não funciona não anima o banner, a questão é alguem consegue me ajudar a usar jquery no wordpress???
fico no aguardo e agradeço a vcs..

segue meu header..

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title><?php bloginfo(‘name’); ?></title>
<meta name=”generator” content=”WordPress <?php bloginfo(‘version’); ?>”>
<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” media=”all” type=”text/css”>
<link rel=”alternate” type=”application/rss+xml” title=”RSS 2.0″ href=”<?php bloginfo(‘rss2_url’); ?>”>
<link rel=”alternate” type=”text/xml” title=”RSS .92″ href=”<?php bloginfo(‘rss_url’); ?>”>
<link rel=”alternate” type=”application/atom+xml” title=”Atom 0.3″ href=”<?php bloginfo(‘atom_url’); ?>”>
<script type=”text/javascript” src=”<?php bloginfo( ‘template_url’ ); ?>/js/mootools.js”></script>
<script type=”text/javascript” src=”<?php bloginfo( ‘template_url’ ); ?>/js/core.js”></script>
<script type=”text/javascript” src=”<?php bloginfo( ‘template_url’ ); ?>/js/jquery-1.3.2.min.js”></script>
<script type=”text/javascript” src=”<?php bloginfo( ‘template_url’ ); ?>/js/sliderMenu.min.js”></script>
<script type=”text/javascript”>
jQuery(function() {
jQuery(‘.slideMenu’).sliderMenu();
});
</script>
<?php wp_enqueue_script(“jquery”); ?>
<?php wp_head(); ?>

</head>

Visualizando 4 respostas - 1 até 4 (de um total de 4)

Leo Caseiro
(@leocaseiro)

12 anos, 7 meses atrás
Morishita, você está utilizando mootools juntamente com o jQuery? Você realmente precisará dos 2?

O ideal é utilizar somente a função wp_enqueue_script() para inserir os javascripts! Não é muito legal escrever javascripts no seu tema.

Deixe conforme aqui abaixo:
```
<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title><?php bloginfo('name'); ?></title>
	<meta name="generator" content="WordPress <?php bloginfo('version'); ?>">
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" media="all" type="text/css">
	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>">
	<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>">
	<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>">
	<?php wp_enqueue_script('mootools',  get_bloginfo( 'template_directory' ) . '/js/mootools.js'); ?>
	<?php wp_enqueue_script('core',  get_bloginfo( 'template_directory' ) . '/js/core.js'); ?>
	<?php wp_enqueue_script('jquery'); ?>
	<?php wp_enqueue_script('sliderMenu',  get_bloginfo( 'template_directory' ) . '/js/sliderMenu.js', array( 'jquery' ) ); ?>
	<?php wp_enqueue_script('sliderMenu.setup',  get_bloginfo( 'template_directory' ) . '/js/sliderMenu.setup.js', array( 'jquery', 'sliderMenu' ) ); ?>
	<?php wp_head(); ?>
</head>
```
Salve o arquivo sliderMenu.setup.js dentro da pasta /js
```
jQuery(function() {
	jQuery('.slideMenu').sliderMenu();
});
```
Instale também o Firebug no seu Firefox e habilite o Console e o Rede dele.
Eles te ajudarão a debugar se ainda tiver problemas.
Criador do tópico Morishita Designer
(@morishita-designer)

12 anos, 7 meses atrás

Léo Brigadão brother.. funcionou aqui perfeito..
Eu perdu 2 dias atrás de algo a respeito sobre o jquery.. então resumindo eu não devo escreve js no thema e sim criar um arquivo estilo o slilerMenu.setup.js e seguir basicamente o que vc mandou no head.. toda vez que for usar Jquery???
Vlw mais uma vez

Leo Caseiro
(@leocaseiro)

12 anos, 7 meses atrás

Na verdade essa é a maneira mais indicada, não somente para WordPress, mas para qualquer site.
Assim, os JS ficam armazenados em cache e ainda ficam separados do conteúdo. Com CSS acontece o mesmo. Assim fica melhor pro desenvolvedor(organizado), usuario(mais rápido) e para SEO(não se confunde).

Que bom que resolveu,
Abs
rodrigonpaiva
(@rodrigonpaiva)

12 anos, 6 meses atrás
Estou com problema para fazer rodar esse jquery porque quero usar a função wp_head() também e já vi varios tutos que não pode usar função wp_head com a função wp_enqueue_script()quero saber se tem solução para o meu problema.
```
...
<?php wp_enqueue_script('jquery'); ?>
<?php wp_head()?>
<script type="text/javascript">
$(document).ready(function(){
	$("#menu ul li").hover(function(){
		$(this).children(":hidden").slideDown();
	},function(){
		$(this).parent().find("ul").slideUp();
	});
});
</script>
...
```

Visualizando 4 respostas - 1 até 4 (de um total de 4)

O tópico ‘Jquery tema (Problema)’ está fechado para novas respostas.

Tags de tópico

Visualizações