Jquery appending to div

Question

i am trying to append to a div with an ID that is dynamic

                <script>
                    var GameId = "{{$match['gameId']}}";
                    var Ts = '{{$match['createDate']}}';
                    var TsInt = parseInt(Ts);
                    var timeSinceGame = moment(TsInt).fromNow();
                    $('#'+GameId).append(timeSinceGame );
                </script>

the script is run inside of a php foreach loop.

the div ID is set the same as GameID variable however nothing is appended to anything when run what's wrong here?

iCollect.it Ltd · Accepted Answer · 2015-07-01 16:50:27Z

1

None of your jQuery is wrapped in DOM ready events, so the elements are likely not in the DOM yet when the code runs.

Try adding a DOM ready wrapper:

<script>
    $(function(){
        var GameId = "{{$match['gameId']}}";
        var Ts = '{{$match['createDate']}}';
        var TsInt = parseInt(Ts);
        var timeSinceGame = moment(TsInt).fromNow();
        $('#'+GameId).append(timeSinceGame );
    });
</script>

$(function(){ is just a handy shortcut for $(document).ready(function(){

The alternative is to simply inject your code after the elements in the page, so that they do already exist.

answered Jul 1, 2015 at 16:50

iCollect.it Ltd

93.9k26 gold badges189 silver badges210 bronze badges

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

Collectives™ on Stack Overflow

Jquery appending to div

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related