0

Estoy usando CSS & Javascript Toolbox en WordPress, y tengo un elemento que cambia la opacidad con la class="casa". Cuando hago onClick, uso este código, pero no funciona:

<script type="text/javascript">

     jQuery(document).ready(function($){
    var casa = $('.casa');
        $('.casa').on('click',function($){

               $('.casa').css('opacity', '0.5');
            });
    })
</script>

¿Cómo se soluciona esto?

6
  • Bienvenido a Stack Overflow en español, te ruego que traduzcas tu pregunta ya que si no será cerrada.
    – Hechi
    Commented el 15 may. 2017 a las 9:08
  • Hi, this site is purely in Spanish, consider translating your question into Spanish or migrating it to the site in English Stack Overflow. Commented el 15 may. 2017 a las 9:34
  • function($) los $ no van. Ademas declaras casa, y no lo usas. Y dentro del onclick deberia ser $(this).css... para que lo aplique al objecto que se le hace click y no a todas las .casa
    – Roy Bogado
    Commented el 15 may. 2017 a las 10:59
  • @Roy es más que correcto todo lo que estás diciendo, gracias por contribuir... Pero publicarlo como un comentario tiene el efecto opuesto al deseado: no funciona como respuesta (la pregunta sigue como "no respondida"), los usuarios no pueden votar en tu solución al problema, e inhibe a que otros publiquen la respuesta correctamente por no copiar lo mismo que escribiste.. ¿Podrás eliminar el comentario y publicarlo efectivamente como respuesta?
    – Mariano
    Commented el 15 may. 2017 a las 12:46
  • @Joacer en cuanto a esta revisión creo que te puede interesar lo que se discutió en ¿Qué hacer con esta pregunta en inglés, que fue traducida a español por alguien que no es OP?
    – Mariano
    Commented el 15 may. 2017 a las 12:55

2 respuestas 2

0

En el atributo de la función que desencadenas con el evento click, estás pasando como parámetro "$". Prueba a pasar cualquier otra letra (que te servirá para tratar posteriormente el evento) y verás como funciona:

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script type="text/javascript">
    $(function(){
        $('.casa').on('click',function(e){
           $(this).css('opacity', '0.5');
        });
    })
</script>

He actualizado mi respuesta

3
  • <script type="text/javascript"> jQuery(document).ready(function(e){ var casa = $('.casa'); casa.on('click',function(e){ $(this).css('opacity', '0.5'); }); }) </script> Y me da este nuevo errorUncaught TypeError: $ is not a function at HTMLDocument.<anonymous>
    – Moisés
    Commented el 15 may. 2017 a las 13:18
  • me da este error Uncaught TypeError: $ is not a function at HTMLDocument.<anonymous> usando este nuevo código <script type="text/javascript"> jQuery(document).ready(function(e){ var casa = $('.casa'); casa.on('click',function(e){ $(this).css('opacity', '0.5'); }); }) </script>
    – Moisés
    Commented el 15 may. 2017 a las 13:19
  • Prueba de estoa forma: <script type="text/javascript"> $(function(){ $('.casa').on('click',function(e){ $('.casa').css('opacity', '0.5'); }); }) </script> Y comprueba que has añadido jQuery a tu documento, porque si no no va a entender ni el $ ni nada. Si no lo tienes añadido, hazlo con esto <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    – benson
    Commented el 15 may. 2017 a las 13:28
0

Si comienzas con jQuery()... en el document ready pasas el parámetro $ para poder usarlo dentro. Luego en el on('click', function... pasas un parámetro que contiene el evento por si lo necesitas dentro de tu función:

jQuery(document).ready(function($){ 
    var casa = $('.casa'); 
    casa.on('click',function(e){ 
        $(this).css('opacity', '0.5'); 
    }); 
})

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.