JQuery reference variable not working

Question

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>

Please explain exactly what you are expecting to have happen. Without that, I'm only guessing. — Edward
– Edward, Commented Apr 17, 2014 at 16:10

Felix · Accepted Answer · 2014-04-17 15:48:43Z

1

Try to put your variable dv1 inside DOM ready handler:

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

answered Apr 17, 2014 at 15:48

Felix

38.2k8 gold badges45 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user3545903 Over a year ago

Yeah it working! Can i make dv1 to global reference variable?

Collectives™ on Stack Overflow

JQuery reference variable not working

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related