javascript - jQuery“.on('click'，...)”不适用于LET变量声明。但是可以使用VAR

这是jquery的错误吗？我有一个简单的点击事件。当我使用LET声明带有图像链接的某些变量时，click事件在我的ipad（chrome）上停止工作。当我切换到LET时，一切正常。

PS：我还有另一个问题，使用相同的代码，但这是完全不同的。

// WHEN I USE "VAR" ".on( 'click' ,....)"
// works on mobile. With "LET" it does not.

let imageLink25 = "http://s020.radikal.ru/i709/1701/58/89fe5a582b92.png ";
let imageLink50 = "http: //i056.radikal.ru/1701/3e/0c7dcfd4956b.png";
let imageLink80 = "http://s011.radikal.ru/i318/1701/56/48fc3db701a0.png";

$('.size-list-item').on('click touchend', function(event) {
  event.preventDefault();

  $(".size-list-item").removeClass('active');
  $(this).toggleClass('active');
});

.active {
  font-size: 25px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="menu-list size-list-items">
  <a class="size-list-item" data-type="25m2" href="#000" onclick="void(0)">25м2</a>
  <a class="size-list-item active" data-type="50m2" href="#000" onclick="void(0)">50м2</a>
  <a class="size-list-item" data-type="80m2" href="#000" onclick="void(0)">80м2</a>
</div>

最佳答案

let变量仅在其块范围内可用。就您而言，如果三个let变量不在jQuery块中，则不能使用它们。

这里的链接很好地解释了var，let和const之间的区别。
https://www.sitepoint.com/preparing-ecmascript-6-let-const/