时间戳

首页 > 解决方案 > 仅当值 = 0 时才显示 div

javascript - 仅当值 = 0 时才显示 div

问题描述

我有这个脚本的问题。

#regalo如果#total在99.99和299.99之间，脚本会向我显示隐藏的 div ... 好的，但是（现在），我还需要在0（零）#alert时显示隐藏的 div，并且可以显示 # 的值总计超过 1，并且仅当屏幕处于横向和模式时...#total

事实是我找不到修改代码的方法。

有任何想法吗？

$(document).ready(function() {
function manageRegalo() {

var totalStorage = Number(localStorage.getItem("total"));
var total = parseFloat($("#total").val());

if (totalStorage != null && total === 0) {
  total = totalStorage;
}

if(total > 99.99 && total < 299.99) {
  console.log("PASS");
  $('#regalo').show();

 //if(total === 0) {
 //if(total == 0) {
 //if(total < 1) {
 //$('#alert').hide();
 //}

 //else{
 //$('#alert').show();
 //};

if (localStorage.getItem('suppress_gift_tooltip_1') == null) {
  $('.tooltip').show();
    window.setTimeout(function() {
  $('.tooltip').fadeOut('slow');
    }, 9000);

//--------------------

if (!$("#notify")[0].paused) { //play audio
  $("#notify")[0].pause(); //play audio
  $("#notify")[0].currentTime = 0; //play audio

} else {  // play audio
  setTimeout(function() { //play audio
  $("#notify")[0].play(); //play audio
  })}; //play audio

//--------------------

  localStorage.setItem('suppress_gift_tooltip_1', 'true')
  }

 } else {
  console.log("FAIL");
  $('#regalo').hide();
}
}

$(document).on('click', function(event) {
const target = event.target;
if (target.matches('.comp-clone') || target.matches('.bbp')) {
  manageRegalo();

localStorage.setItem('total', Number($("#total").val()));
}
});
manageRegalo();
});

  #alert {
  display: none
}

@media screen and (max-width:999px) and (orientation:landscape) {
  #alert {
    display: block !important
  }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<div id="regalo"></div>
<div id="alert"></div>
<!-- I need to show this div when the #total equals zero -->

标签： javascript

解决方案

试试这个

function manageRegalo() {
  var totalStorage = Number(localStorage.getItem("total")) || 0;
  var total = parseFloat($("#total").val());
  if (totalStorage && total === 0) {
    total = totalStorage;
  }
  $('#regalo').toggle(total > 99.99 && total < 299.99);
  $("#alert").toggle(!total);

  if ($('#regalo').is(":visible") && localStorage.getItem('suppress_gift_tooltip_1')!="true") {
    $('.tooltip').show();
    localStorage.setItem('suppress_gift_tooltip_1',"true");
    window.setTimeout(function() {
      $('.tooltip').fadeOut('slow');
    }, 9000);
  }
}

推荐阅读