JavaScript won't load when opening my webpage

Question

I am trying to run this code but every time I open my webpage it doesn't load and I don't get the text I echo with PHP in the file "money.php". But if I open the console in my browser and run the code it does load. How can I fix this?

<script type="text/javascript">
$('[data-update]').each(function() {
  var self = $(this);
  var target = self.data('update');   
  var refreshId =  setInterval(function() { self.load(target); }, self.data('refresh-interval'));
});
</script>

<div data-update="money.php" data-refresh-interval="500">

possible duplicate of [When should I use jQuery's document.ready function?](http://stackoverflow.com/questions/13062246/when-should-i-use-jquerys-document-ready-function) — GSerg, Jul 07 '15 at 10:59

score 3 · Accepted Answer · answered Jul 07 '15 at 11:03

Use This

    <script type="text/javascript">
        $(function() {
            $('[data-update]').each(function () {
                var self = $(this);
                var target = self.data('update');
                var refreshId = setInterval(function () {
                    self.load(target);
                }, self.data('refresh-interval'));
            });
        });
    </script>

OR This

    <script type="text/javascript">
        $(document).ready(function() {
            $('[data-update]').each(function () {
                var self = $(this);
                var target = self.data('update');
                var refreshId = setInterval(function () {
                    self.load(target);
                }, self.data('refresh-interval'));
            });
        });
    </script>

Did you check the answer?? – Abdulla Nilam Jul 12 '15 at 04:29 — Abdulla Nilam, Jul 12 '15 at 04:29

score 1 · Answer 2 · answered Jul 07 '15 at 10:59

Wrap your code in $(function(){ ... }); so it runs after the DOM is ready:

<script type="text/javascript">
$(function(){
  $('[data-update]').each(function() {
    var self = $(this);
    var target = self.data('update');   
    var refreshId =  setInterval(function() { self.load(target); }, self.data('refresh-interval'));
  });
});
</script>

More info: http://api.jquery.com/ready/

score 1 · Answer 3 · answered Oct 31 '15 at 18:12

1

Run the javascript/JQuery after

<div data-update="money.php" data-refresh-interval="500">

answered Oct 31 '15 at 18:12

Albert Persson

21
3

JavaScript won't load when opening my webpage

3 Answers3