Suporte » Plugins » Incluindo jQueri-ui no header

  • galera boa tarde, estou com um problema, estou tentando chamar no header.php a biblioteca jquery-ui para utilizar o modal porem não está funcionando, já li a documentação e não sei o que esta errado, abaixo segue o código que estou utilizando,estou incuidon acima da função wp_head():

    <?php
    	 wp_register_script('jquerylib','http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'__FILE__);
    	 wp_register_script( 'jquery-ui-dialog',content_url('/expound/js/jquery/ui/jquery.ui.dialog.min.js'__FILE__) ,array( 'jquerylib' ));
    	 wp_register_style( 'jquery-ui-dialog', content_url('/expound/css/jquery.ui.dialog.min.js'__FILE__));
    	 wp_enqueue_script('jquerylib');
    	 wp_enqueue_script( 'jquery-ui-dialog');
     	 wp_enqueue_style( 'jquery-ui-dialog');
    ?>

    Estou utilizando o tema Expound ,desde já agradeço.

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • Eduardo

    (@eduardozulian)

    Breno, dê uma olhada na documentação da função wp_enqueue_script(), especialmente na área que trata dos scripts que o WP carrega caso você precise.

    Algo assim pode funcionar:

    <?php
    function enqueue_jquery_dialog() {
    
        // O jQuery Dialog já está registrado
        wp_enqueue_script( 'jquery-ui-dialog' );
    }
    
    add_action( 'wp_enqueue_scripts', 'enqueue_jquery_dialog' );
    ?>

    Só lembrando que os scripts registrados pelo WP irão, por padrão, para o footer.

    Breno, avalie o que o Zulian falou acima. Uma pergunta, esse código que você colou aqui em que arquivo esta no seu tema, no functions.php?

    Criador do tópico Breno Henrique

    (@breno-henrique)

    Eduardo vlw pela ajuda, inseri o codigo porem não funcionou…

    Everaldo inclui a função no header.php em cima da função wp_head();

    Breno. Tente colocar esses enqueue e register no functions.php.
    E entao, ao carregar seu site veja se no código fonte ele esta puxando esses jQuerys certinho.

    Criador do tópico Breno Henrique

    (@breno-henrique)

    Everaldo vlw pela ajuda… porem tentei novamente colocando a função no functions php…vi depois que estava realmente sendo chamada porem não funcionou… estou tentando incluir u codigo jquery como exemplo que segue abaixo:

    <script>
    $(function() {
    $( “#dialog” ).dialog();
    });
    </script>

    <div id=”dialog” title=”Basic dialog”>
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the ‘x’ icon.</p>
    </div>

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • O tópico ‘Incluindo jQueri-ui no header’ está fechado para novas respostas.