$(function(){ $('.top span').mouseeenter(function(){ $(this).addClass("active").siblings().removeClass("active") var index = $(this).index() $(".cont ul").eq(index) }) })
时间: 2024-02-18 11:11:17 浏览: 29
这段代码中有一个语法错误,应该是 `mouseenter` 而不是 `mouseeenter`。同时,在 `.cont ul` 后面缺少了方法调用,应该是 `.show()` 或 `.fadeIn()` 等方法。
正确的代码应该是这样的:
```javascript
$(function() {
$('.top span').mouseenter(function() {
$(this).addClass("active").siblings().removeClass("active");
var index = $(this).index();
$(".cont ul").eq(index).show(); // 或者用 fadeIn() 等方法
});
});
```
这段代码的作用是,当鼠标移动到 `.top span` 元素上时,给该元素添加 `active` 样式,并移除其他兄弟元素的 `active` 样式。然后获取当前元素在兄弟元素中的索引,根据索引找到对应的 `.cont ul` 元素,并显示出来。
相关问题
<div class="htitle"> @foreach(var item in ViewBag.list as List<YiSha.Entity.HgManage.TypesEntity>) { <div class="htext actives">@item.TypeName</div> } </div> <div class="hmain"> @foreach(var item in ViewBag.list as List<YiSha.Entity.HgManage.TypesEntity>) { @foreach (var item2 in item.TList) { <div style="display:flex; align-items: center;"> <img style="width:200px; height:200px;" src="@item2.achievement" alt="..." class="img-rounded"> <div class="hmain-t"> <h5 onclick="Detail('@item2.Id')">@item2.Name</h5> <span>@item2.FundingRequire</span> </div> </div> } } </div> </div> <script> $('htitle>htext').Click(function (){ $(htext).addClass('actives').siblings().removeClass('actives') }) </script>切换样式
这段代码是一个包含两个 foreach 循环的 Razor 视图代码,用于展示某个类型下的多个项目。第一个 foreach 循环用于展示类型名称,第二个 foreach 循环用于展示该类型下的多个项目。其中,每个项目由一张图片和项目名称、资金需求组成。最后的 script 标签是用于实现点击切换样式的功能,但是代码可能有些问题,应该改成:
```
$('.htitle .htext').click(function (){
$(this).addClass('actives').siblings().removeClass('actives');
});
```
.actives { color:blue; } @foreach(var item in ViewBag.list as List<YiSha.Entity.HgManage.TypesEntity>) { <div class="htext actives">@item.TypeName</div> } </div> <div class="hmain"> @foreach(var item in ViewBag.list as List<YiSha.Entity.HgManage.TypesEntity>) { @foreach (var item2 in item.TList) { <div style="display:flex; align-items: center;"> <img style="width:200px; height:200px;" src="@item2.achievement" alt="..." class="img-rounded"> <div class="hmain-t"> <h5 onclick="Detail('@item2.Id')">@item2.Name</h5> <span>@item2.FundingRequire</span> </div> </div> } } </div> </div> <script> $('.htext').click(function () { $(this).addClass('actives').siblings().removeClass('actives'); }); </script>让第一个元素默认为激样式活
你可以在第一个元素上添加 `actives` 类,如下所示:
```html
<div class="hmenu">
@foreach(var item in ViewBag.list as List<YiSha.Entity.HgManage.TypesEntity>) {
<div class="htext @if (item == ViewBag.list[0]) {<text>actives</text>}">@item.TypeName</div>
}
</div>
```
这样第一个元素就会默认具有 `actives` 类了。