打开网页时JavaScript无法加载

Question

我尝试运行这段代码，但每次打开网页时它都无法加载，并且我无法得到我在“money.php”文件中使用PHP回显的文本。但是，如果我在浏览器中打开控制台并运行代码，它会加载。如何解决这个问题？

<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">

- Patric Nøis

---

你是否已经加载了jQuery文件？ - Alive to die - Anant

可能是当应该使用jQuery的document.ready函数？的重复问题。 - GSerg

Answer 1

使用此功能

    <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>

或者这个

    <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>

- Abdulla Nilam

---

你检查过答案了吗？ - Abdulla Nilam

Answer 2

在之后运行JavaScript/JQuery。

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

- Albert Persson

Answer 3

将你的代码包裹在$(function(){ ... });中，以便在DOM准备就绪后运行：

<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>

更多信息：http://api.jquery.com/ready/

- Ryan Jones