Question

http://getinjuryanswers.com/practice-areas/car-accidents/

我注意到在PC上包含其他内容的下拉框有时不起作用（单击链接时没有任何反应）。我不确定是否需要在代码中插入一些东西以使其在PC上正常工作（我使用MAC，所以我最初没有注意到这一点。）

奇怪的是，错误似乎在页面加载大约一分钟后自行修复，这让我想知道是否存在一些相关的javascript问题（在javascript加载之前框不会扩展，但我不在那里是此下拉功能的任何javascript组件。）

这是代码。如果有人见过这样的话，我们将不胜感激。感谢。

CSS：

.panel-group .panel {
    border-radius: 4px;
    margin-bottom: 0;
    overflow: hidden;
}
.panel-default {
    border-color: #dddddd;
}
.panel {
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}
.panel-default > .panel-heading {
    background-color: #f5f5f5;
    border-color: #dddddd;
    color: #333333;
}
.panel-group .panel-heading {
    border-bottom: 0 none;
}
.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}
.panel-title {
    margin: 0 !important;
}
.panel-title {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

HTML：

<div class="panel panel-default">
<div id="headingOne" class="panel-heading">
<p class="panel-title">
<a class="collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapse9">Get the Compensation You Deserve</a>
</p>
</div>

Answer 1

我在Chrome浏览器中测试时没有发现任何问题。

可折叠元素的工作原因是Bootstrap的Javascript组件名为Collapse。阅读更多相关信息here。所以它肯定有一些幕后工作的javascript。

它破裂的可能原因是：

当您尝试单击这些折叠按钮时，页面未完全加载。因此，没有点击事件与这些按钮绑定，因为javascript代码甚至可能尚未执行。所以这可能是一个原因，而我认为这是真正的原因。尝试等待页面完全加载，看看之后是否会导致任何问题。
另一种可能性是，假设页面中存在Javascript错误，则其下方的javascript代码可能无法执行。因此，请检查您的Javascript控制台是否存在任何错误。您可以通过按Ctrl + Shift + I访问Google Chrome中的开发人员工具（它包含各种有用的调试内容）。如果有任何javascript错误，请尝试修复它。

希望它有所帮助。

下拉框无法在PC Chrome上运行

1 个答案: