How to call a function in jQuery on window resize?

Question

I've this code:

<script>
            $(document).ready(function larg(){
            var larghezza = $(document).width();
            $("p.width").text("The width for the " + larghezza + 
                " is px.");
            });

            $(window).resize(function() {
            larg(); 
            });
            </script>

I would like to call the function "larg" on window resize, but it doesn't work.. How to do that??

Thanks

LHolleman · Accepted Answer · 2012-04-25T09:30:30.523

38

You can't declare functions that way, use it like this.

<script>
 $(document).ready(larg);

 $(window).resize(larg);

 function larg(){
  var larghezza = $(document).width();
  $("p.width").text("The width for the " + larghezza + " is px.");
 }
</script>

EDIT: changed code a bit, thanks commenters

edited Apr 25 '12 at 09:30

answered Apr 25 '12 at 09:20

LHolleman

2,486
2
18
19

2

+1. I think `$(document).ready(larg); $(document).resize(larg); function larg(){ ... }` should also work. – Eddie Apr 25 '12 at 09:27
@Eddie Correct. As would `$(window).resize(larg);`. – Anthony Grist Apr 25 '12 at 09:29
What about if I want to pass a variable to the function e.g. `function larg(foo){}` I tried `$window.resize(larg(myVar));` but no results. – kile Mar 22 '14 at 18:06
Did you declare the var outside the scope of the anonymous functions? It works when you declare it like this: http://jsfiddle.net/UVXF3/ – LHolleman Mar 23 '14 at 10:50
Old question, but shouldn't you define the `function` before using it? – Rvervuurt May 18 '16 at 11:28

score 1 · Answer 2 · edited May 30 '15 at 03:30

1

Please call the following method:

window.dispatchEvent(new Event('resize'));

edited May 30 '15 at 03:30

Pang

9,564
146
81
122

answered May 29 '15 at 14:20

Shyam Bhagat

759
6
7

How to call a function in jQuery on window resize?

2 Answers2

Linked