javascript - CSS / JS标签在点击时不响应
问题描述
我在此页面 上无法使用的导航(带有标签的结构)遇到问题。但使用完全相同的方式在此页面上正常工作以包含它。
单击左上角的“挪威”会打开导航,但无法打开“美洲、南非”等选项卡。)
这是php
我用来包含它的:
<div class="outlet__box">
<div class="outlet__box_content">
<?php include '../../menu.php'; ?>
</div>
</div>
html
导航是这样的:
<ul class="tabs">
<li class="active">
<span class="h2 tabs__headline trigger-select-tab">Europe
<span class="caret visible-xs"></span>
</span>
</li>
<li>
<span class="h2 tabs__headline trigger-select-tab">Americas
<span class="caret visible-xs"></span>
</span>
</li>
<li>
<span class="h2 tabs__headline trigger-select-tab">Middle East and Africa
<span class="caret visible-xs"></span>
</span>
</li>
<li>
<span class="h2 tabs__headline trigger-select-tab">Asia and Oceanic
<span class="caret visible-xs"></span>
</span>
</li>
</ul>
问题与js有关吗?(我检查了控制台,没有发现任何错误)。
有小费吗?
提前致谢
解决方案
将此代码用于导航,一切就绪...
$('#language-outlet-wrapper .outlet .tabs>li').click(function(index){
var ind = $('#language-outlet-wrapper .outlet .tabs>li').index(this);
$(this).addClass('active').siblings().removeClass('active');
$(this).parent().parent().find('ul.tab_content>li').each(function(index){
if(ind == index){
$(this).addClass('active').siblings().removeClass('active');
}
});
});
推荐阅读
- java - 我的 JavaFx 应用程序在 jdk 8 和 Mac OSX 中随机冻结
- spring-boot - 我应该如何更改 JUNIT 中布尔变量的值?
- openssl - 从 base64 字符串中的证书获取可分辨名称(DN)
- python - 无法导入 QUERY_TERMS
- python - 如何使用python将超链接添加到ppt中的图像
- sigmoid - 为什么 Relu 能解决梯度消失问题?
- javascript - 带有工具提示的 FusionCharts
- angular - 在 Angular 8 中避免使用 Mangle 类名称
- sql-server - 为什么 SQL Server 2019 Developer 安装失败?
- mule - Mule 4中黑白foreach,并行foreach和批处理的主要区别是什么