Jquery tema (Problema)

  • Resolvido Morishita Designer

    (@morishita-designer)


    13 anos, 2 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)

    13 anos, 2 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)

    13 anos, 2 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)

    13 anos, 2 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)

    13 anos, 2 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.