Question

当If / Else条件为真时，我想在我的页面上显示一个按钮。由于一些奇怪的原因，jQuery方法.show无法显示按钮，即使控制台确认条件为真，并且该方法应该已执行。在显示地点列表时，19应该返回＆＃34;太远了＃34;按钮保持隐藏状态，1返回＆＃34;返回true＆＃34;并显示按钮。

就checkRadius而言，它是google.maps.geometry.spherical.computeDistanceBetween（marker .position，userMarker.position）;检查用户和多个不同场所之间的距离，当条件返回true（用户足够接近场地）时显示按钮。对不起，如果我的代码相当冗长，我还在学习。我不到6个月了！

＆＃13;

if(checkRadius <= 35) {
$("#btnId").show();
console.log("this returns true");
} else {
console.log("too far away");
}

＆＃13;

#btnId{
  visibility: hidden;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btnId">Button</button>

＆＃13;

Answer 1

问题是您正在使用visibility: hidden;将其更改为您的css中的display: none;，并且该按钮将按您的意图显示。

＆＃13;

function buttonFunc(checkRadius) {
  if(checkRadius <= 18) {
  $("#btnId").show();
  console.log("this returns true");
  } else {
  $("#btnId2").hide();
  console.log("too far away");
  }
}

var checkRadius = 1;
buttonFunc(checkRadius);

var checkRadius = 19;
buttonFunc(checkRadius);

＆＃13;

#btnId{
 display: none; /* Use this instead of visibility: hidden; */
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <button id="btnId">Button</button>
  <button id="btnId2">Button 2</button>
</div>

＆＃13;

jquery按钮未在条件真

1 个答案: