Question

我正在使用Umbraco构建我的网站，我定义了一个带有局部视图的网格编辑器，还定义了一些应用于该网格编辑器的javascript代码。 javascript包含在悬停时应用一些效果。在我的页面中，我设法使用效果，但由于我在页面中有几个这样的网格编辑器，效果会在所有这些中复制，所以当我将鼠标悬停在其中一个上时，所有剩余的网格编辑器都来自同一类型得到效果。现在我把我的脚本放在Master.cshtml上。如何将效果应用于我当时鼠标悬停的网格编辑器？我设法做了类似于我定义的其他网格编辑器，但为此我不需要javascript，一切正常。

这是我的代码：

脚本：

@foreach(var item in Model.Items) {
<div class="work-item work-item-box">
        <a href=@Umbraco.TypedContent(item.GetValue<string>("workPage")).Url>
            <div class="item item-image"> 
                <img class="item item-image-img" src=@Umbraco.TypedMedia(item.GetValue<string>("image")).Url/>
            </div>
            <div class="item item-text" height="160" width="310">
                <div class="item item-text-title">@Html.Raw(item.GetValue("company"))<br></div>
                <div class="item item-text-description">@Html.Raw(item.GetValue("description"))</div>
            </div>
        </a>
</div>

}

我的剧本：

<script>
$( document ).ready(function() {
    $(".item").hover(function(){
        $(".item-text").toggleClass('item-text-effect');
        $(".item-image").toggleClass('item-image-effect');
        $(".item-image-img").toggleClass('item-image-effect-img');
        $(".item-text-title").toggleClass('item-text-title-effect');
        $(".item-text-description").toggleClass('item-text-description-effect');
    });
});
</script>

提前致谢！

Answer 1

使用＆＃39;这个＆＃39;只针对您正在悬停的元素中的元素：How to get the children of the $(this) selector?

将javascript应用于网格编辑器

1 个答案: