You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

点击Brancusi标签触发Uncaught RangeError,页面文本不显示求助

问题:点击"Brancusi"标签触发栈溢出错误,页面异常
  • 点击标题为“Brancusi”的标签时,会出现Uncaught RangeError: Maximum call stack size exceeded错误,页面文本无法显示
  • 后续点击其他标签也会触发相同错误,但第三次点击后恢复正常
  • 再次点击Brancusi标签,问题会重现

以下是我的代码:

JavaScript代码

document.addEventListener('DOMContentLoaded', function () {
    let contactButton = document.querySelector('#contactButton');
    contactButton.addEventListener('click', function () {
      window.open("https://vladpaun1-congenial-goldfish-4xjp7gp49542jjp6-8080.preview.app.github.dev/personal/website_concurs/contact.html", "_blank");
    });

    var contentDiv = document.querySelector(".content");

    if (contentDiv) {
      var homeTab = document.getElementById("home-tab");
      var casaBrancusi = document.getElementById("casa_brancusi");
      var casaTopirceanu = document.getElementById("casa_topirceanu");
      var casaPann = document.getElementById("casa_pann");
      var brancusi = document.getElementById("brancusi");
      var topirceanu = document.getElementById("topirceanu");
      var pann = document.getElementById("pann");

      if (homeTab) {
        homeTab.addEventListener("click", function() {
          contentDiv.style.backgroundImage = "url('images/backgrounds/BACKGROUND1.jpg')";
        });
      }

      if (casaBrancusi) {
        casaBrancusi.addEventListener("click", function(event) {
          if (!event.handled) {
            event.handled = true;
            contentDiv.style.backgroundImage = "url('images/casa_brancusi/casa_brancusi.jpg')";
          }
        });
      }

      if (casaTopirceanu) {
        casaTopirceanu.addEventListener("click", function(event) {
          if (!event.handled) {
            event.handled = true;
            contentDiv.style.backgroundImage = "url('images/casa_toparceanu/casa.jpg')";
          }
        });
      }

      if (casaPann) {
        casaPann.addEventListener("click", function(event) {
          if (!event.handled) {
            event.handled = true;
            contentDiv.style.backgroundImage = "url('images/casa_pann/casa.jpg')";
          }
        });
      }

      if (brancusi) {
        brancusi.addEventListener("click", function(event) {
          if (!event.handled) {
            event.handled = true;
            contentDiv.style.backgroundImage = "url('images/backgrounds/BACKGROUND1.jpg')";
          }
        });
      }

      if (topirceanu) {
        topirceanu.addEventListener("click", function(event) {
          if (!event.handled) {
            event.handled = true;
            contentDiv.style.backgroundImage = "url('images/toparceanu/toparceanu1.jpg')";
          }
        });
      }

      if (pann) {
        pann.addEventListener("click", function(event) {
          if (!event.handled) {
            event.handled = true;
            contentDiv.style.backgroundImage = "url('images/pann/pann1.jpeg')";
          }
        });
      }
    }
  });

我曾尝试在JavaScript代码中添加event.handled标记来处理误触发问题,但似乎没有效果。

内容的提问来源于stack exchange,提问作者vladpaun1

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.21 08:42:48