javascript - jQuery 全局变量不起作用

Question

我想声明全局变量，但它一直显示undefined。

<div class="last">Blah</div>

$(document).ready(function() {
    $(document).on('click', '.last', function() {
        window.testing = $(this).html();
    })
    console.log(testing);
})

我也试过了

$(document).ready(function() {
    var testing;
    $(document).on('click', '.last', function() {
        testing = $(this).html();
    })
    console.log(testing);
})

Answer 1

您的代码工作正常，但不是您期望的那样。您在加载 DOM 时读取了 testing 变量，但您只在 单击按钮后才给它一个值。相反，您需要一种方法来读取设置后的 window.testing 变量。下面是一个使用按钮点击的示例。

$(document).ready(function() {
  $(document).on('click', '.last', function() {
    window.testing = $(this).html();
  })

  $('button').click(function() {
    console.log(window.testing);
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="last">Set</div>
<button>Read</button>

另请注意，使用全局变量并不是一件好事。如果您需要允许在不同的地方使用变量，请使用命名空间。