获取jQuery位置变量的未定义

Question

$("#capture").click(
    function(event) {
        var photoCoords = $("#doge1").position();
    })

在用户点击ID为#capture的捕获按钮后，我使用上面的内容来获取照片的坐标。该图像的ID为＃doge1。

当我在控制台中键入var photoCoords时，我得到一个未定义的返回。

Answer 1

您应该编写如下代码：

var photoCoords;    
$("#capture").click(function(event) {
    photoCoords = $("#doge1").position();
});

Answer 2

这是因为您的变量photoCoords位于Click事件中的匿名函数的上下文中。尝试在该功能之外声明它，你应该能够访问它

Answer 3

这是一个范围问题。在匿名函数之外无法访问该变量。如果您只是尝试调试 - 您还可以将console.log语句放在匿名函数中。否则，您需要在可以访问日志语句的作用域中声明该变量。

$("#capture").click(
    function(event) {
        var photoCoords = $("#doge1").position();
        console.log(photoCoords);
 })