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)

Answer 2

這是所有關於範圍

var myVariable; // DEFINE OUTSIDE! 

$("#search").click(function() { 
    myVariable = $(document).scrollTop(); // DON'T USE var HERE 
}); 

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

Answer 3

而且沒有全局：

$("#search").on('click', function() { 
    $("#gachette").data('scrollTop', $(window).scrollTop()); 
}); 

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