Suporte » Desenvolvendo com WordPress » Inserindo script jQuery em uma página

  • kreidloww

    (@kreidloww)


    Olá! Preciso inserir um script jQuery em uma página personalizada do site. Não tenho muita noção de como funciona a forma correta de inserir, o código é o seguinte:

    <script type=”text/javascript”>
    jQuery.fn.toggleText = function(a,b) {
    return this.html(this.html().replace(new RegExp(“(“+a+”|”+b+”)”),function(x){return(x==a)?b:a;}));
    }
    
    $(document).ready(function(){
    $(‘.tgl’).before(‘<span>Revelar conteúdo</span>’);
    $(‘.tgl’).css(‘display’, ‘none’)
    $(‘span’, ‘#box-toggle’).click(function() {
    $(this).next().slideToggle(‘slow’)
    .siblings(‘.tgl:visible’).slideToggle(‘fast’);
    // aqui começa o funcionamento do plugin
    $(this).toggleText(‘Revelar’,’Esconder’)
    .siblings(‘span’).next(‘.tgl:visible’).prev()
    .toggleText(‘Revelar’,’Esconder’)
    });
    })
    </script>

    E o Html

    <div id=”box-toggle”>
    
    <div class=”tgl”>
    <h2>Conteúdo um</h2>
    <p>Lorem ipsum dolor sit amet, consectetuer…</p>
    </div>
    
    <div class=”tgl”>
    <h2>Conteúdo dois</h2>
    <p>Lorem ipsum dolor sit amet, consectetuer…</p>
    </div>
    
    <div class=”tgl”>
    <h2>Conteúdo três</h2>
    <p>Lorem ipsum dolor sit amet, consectetuer…</p>
    </div>
    
    </div>

    Quais são as formas que eu posso inserir esse script para que funcione? Testei algumas maneiras que encontrei pela internet, mas nenhuma funcionou.
    Se alguém puder me ajudar, agradeço!

Visualizando 1 resposta (de um total de 1)
  • Moderador Ramon Ahnert

    (@rahmohn)

    Olá, @kreidloww.

    Para inserir um script você precisa utilizar a função wp_enqueue_script. Exemplo de utilização no arquivo functions.php de um tema:

    function insere_scripts() {
        wp_enqueue_script( 'nome-do-script', get_template_directory_uri() . '/js/nome-script.js', array( 'jquery' ), '1.0.0');
    }
    add_action( 'wp_enqueue_scripts', 'insere_scripts' );
    

    Você precisa colocar seu script em um arquivo e esse arquivo vai ter a seguinte estrutura (já que ele usa jQuery):

    jQuery( document ).ready( function( $ ) {
        [ SEU CÓDIGO AQUI ]
    } );
    
    • Esta resposta foi modificada 4 anos atrás por Ramon Ahnert.
Visualizando 1 resposta (de um total de 1)
  • O tópico ‘Inserindo script jQuery em uma página’ está fechado para novas respostas.