我有一个名为'services'的页面。当您从导航菜单转到该页面时,我不希望显示任何服务(太复杂而无法解释)。然后在我的索引页面上,我有每种类型服务的链接。如果单击链接,它将转到服务页面并仅显示该服务。
对于各个服务链接,它们看起来像这样:
service-display-box
这个系统的这个方面有效。它将我带到服务页面,只显示我点击的链接。
无效的部分未显示服务或导航菜单中的//added
。现在所有的服务都显示出来,而service-display-box
也是如此。
我试图创建逻辑来防止这种情况发生,但它无法正常工作。在下面的javascript中,您将看到service-display-box
之类的评论,这是我添加的尝试并创建逻辑,如果浏览器中有哈希值,它将显示$(function(){
//get the section name from hash
var sectionName = window.location.hash.slice(1);
if (sectionName != null) { //added
//then show the section
$('#service-display-box').show();
$(window.location.hash).show().scroll().siblings().hide();
} else { //added
$('#service-display-box').hide(); //added
} //added
})
#service-display-box {
display: none;
}
<div id="service-display-box">
<div id="service-display-box-container">
<div class="service-item-box" id="service1">
<div class="service-item-title">1</div>
<h2 class="service-item-description"> Service</div>
</h2>
<h2 class="service-item-box" id="service2">
<div class="service-item-title">2</div>
<div class="service-item-description"> Service</div>
</h2>
<h2 class="service-item-box" id="service3">
<div class="service-item-title">3</div>
<div class="service-item-description"> Service</div>
</h2>
<h2 class="service-item-box" id="service4">
<div class="service-item-title">4</div>
<div class="service-item-description"> Service</div>
</h2>
<h2 class="service-item-box" id="service5">
<div class="service-item-title">5</div>
<div class="service-item-description"> Service/div>
</h2>
<h2 class="service-item-box" id="service6">
<div class="service-item-title">6</div>
<div class="service-item-description"> Service</div>
</h2>
<div style="clear:both;"></div>
<div id="service-top"><span id="service-top-border">Back to all services</span></div>
</div>
</div>
和特定服务项,或者它根本不会显示if (sectionName > 1) {
。
我的逻辑出了什么问题?
C:\extras\code\gitlab\project-name>ng lint
> Project-Name@0.4.0 lint C:\extras\code\gitlab\project-name
> tslint "src/**/*.ts"
Lint errors found in the listed files.
我也试过
{{1}}
答案 0 :(得分:3)
window.location.hash.slice(1)
返回一个空字符串,与null不同。我想你想检查一下.length == 0
。