当控制台在 chrome 中未打开时，某些项目不再可点击（某些 js 调用停止工作）

Question

我的网页上有一个部分采用这种形式。这个想法是 div.content 最初是隐藏的，只有在单击相应的 h3 时才会显示。这在 firefox 和 safari 中运行良好。它在 chrome 中也能正常工作，但仅当控制台打开时。当控制台关闭时，一些 headers 不再可点击（我在 css 文件中将光标设置为指针，在这种情况下光标甚至不显示为指针。 )

 <h3> Header 1 </h3>
 <div class="content"> 
     <p> Some content </p>
 </div>
 <h3> Header 2 </h3>
 <div class="content"> 
     <p> Some content </p>
 </div>

是什么导致了这种奇怪的行为？我最初认为也许我的 console.log 调用是罪魁祸首，但每个调用都已结束（见下文），所以这不应该是问题所在。

if (console) console.log("logging information");

Answer 1

我想我找到了问题所在。希望就是这样！

您的继续按钮被其他元素的 z-index 隐藏了。所以你要做的是在 span#contText 上添加 z-index: 1000;那应该有用……希望如此。为用户反馈添加了光标指针。

span#contText{
  z-index: 1000;
  cursor: pointer;
}

当控制台在 chrome 中未打开时，某些项目不再可点击（某些 js 调用停止工作）

When the console isn't open in chrome, some items are not longer clickable (some js calls stop working)

javascript

console