JQuery reference variable not working

https://stackoverflow.com/questions/23137696

reference
jquery

05-07-2023
|

Pergunta

I am using variable to refer an html div element but it doesnt working. Can anyone tell me how to fix?

html tags:

<body>
<button id="btn1" type="button">ClickMe</button><br />
<div id="div1" style="background-color:red;"></div>
</body>

jquery code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
var dv1 = $("#div1");

$(document).ready(function(){
  $("#btn1").click(function(){
    dv1.fadeToggle("slow");
  });
});
</script>

Solução

Try to put your variable dv1 inside DOM ready handler:

$(document).ready(function(){
    var dv1 = $("#div1");
    $("#btn1").click(function(){
        dv1.fadeToggle("slow");
    });
});

Licenciado em: CC-BY-SA com atribuição

Não afiliado a StackOverflow