jquery function not firing using onload event [duplicate]

Question

What am I missing here? My jquery function isn't firing. Here's the HTML:

<div id="sum_income" class="col-sm-3" onload="sumIncome();">                     

</div>

and here's the jquery function:

function sumIncome() {

var cur_month = $('#month option:selected').attr("value");

$.ajax({
        type: "POST",
        url: 'inc/functions.php',
        data: {action: "get_sum_income", cur_month:cur_month},
        success: function(response){
            $('#sum_income').html(response);
            setTimeout(sumIncome, 5000);
                }
    })
};

What error you are getting in your console please write here the exact error of your console. — Neeraj Kumar
– Neeraj Kumar, Commented Dec 2, 2013 at 13:14
@DontVoteMeDowm i have written the code which will work definetly — Neeraj Kumar
– Neeraj Kumar, Commented Dec 2, 2013 at 13:30

Neeraj Kumar · Accepted Answer · 2013-12-02 13:28:13Z

3

change your jquery code.

 $(document).ready(function(){
            if($("#sum_income").length){
                var cur_month = $('#month option:selected').attr("value");

            $.ajax({
              type: "POST",
              url: 'inc/functions.php',
              data: {action: "get_sum_income", cur_month:cur_month},
              success: function(response){
              $('#sum_income').html(response);
                 setTimeout(sumIncome, 5000);
               }
            })
          }
        });

This will work definetly

answered Dec 2, 2013 at 13:28

Neeraj Kumar

1,0681 gold badge9 silver badges22 bronze badges

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

Comments

Andrew Surzhynskyi · Accepted Answer · 2013-12-02 13:18:14Z

2

Use $(window).onload(); instead of adding it to any HTML elements.

<script> 
  $(window).onload(function () {
    sumIncome();
  });
</script>

answered Dec 2, 2013 at 13:18

Andrew Surzhynskyi

2,7761 gold badge25 silver badges32 bronze badges

Comments

0x_Anakin · Accepted Answer · 2013-12-02 13:27:58Z

1

html:

<body onload="sumIncome();">
</body>

js:

function sumIncome() {

    var m = $('#month option').val(); // assuming this is a selected tag

    var request = $.ajax({
        type: "POST",
        url: 'inc/functions.php',
        data: {action: "get_sum_income", cur_month:m},
        dataType: "html"
    });
    request.done(function( response ) {
        $('#sum_income').html(response);
    });
    request.fail(function( jqXHR, textStatus ) {
        alert( "Request failed: " + textStatus );
    });
    request.done(function() {
        setTimeout(sumIncome, 5000);
    })

}

PS: No onload method for divs.

answered Dec 2, 2013 at 13:27

0x_Anakin

3,2695 gold badges52 silver badges90 bronze badges

Collectives™ on Stack Overflow

jquery function not firing using onload event [duplicate]

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related