javascript - 仅当 id 不存在时，jQuery 卸载警报

Question

我正在开发一个购物车页面，我希望当用户尝试离开页面且购物车中仍有商品时显示提醒。

当购物车为空时，会有一个 id 为 id="noItems" 的 div。

这是我现在正在处理的警报，每次您尝试离开页面时都会弹出:

<script type="text/javascript">

   function unloadPage(){
       return "You may still have items in your shopping cart.";
   }

   window.onbeforeunload = unloadPage;

</script>

那么有没有办法只在页面上不存在该 id 时才显示警报？

Answer 1

应该可以工作 -

function unloadPage(){
    if ($("#noItems").length){
      return "You may still have items in your shopping cart.";
    }
}

window.onbeforeunload = unloadPage;