javascript - jQuery 的两个 onclick 操作的变量

Question

我尝试在单击时创建一个变量，并将其用于另一个 onclick 操作。 但当第二次 onclick 尝试使用该变量时，该变量似乎不存在。

$( "#search" ).click(function() {
    var myVariable = $(document).scrollTop();
});

$( "#gachette" ).click(function() {
    $('html, body').animate({scrollTop:myVariable}, 10);
});

你知道为什么它不起作用吗？

Answer 1

使您的变量成为全局变量。

$( "#search" ).click(function() {
   myVariable = $(document).scrollTop(); //global variable remove var from starting
});

var 使变量成为作用域的本地变量。

或者在外部声明变量

var myVariable;
$( "#search" ).click(function() {
   myVariable = $(document).scrollTop();
});

阅读What is the scope of variables in JavaScript?和 Variable Scope (JavaScript)